Быстрый заказ (Заказ в один клик)

Быстрый заказ (Заказ в один клик) для Shop-Script

Новая версия! Максимум функционала!

25 оценок

Ваш отзыв
Установок
500+
Разработчик
Поддержка

Бесплатно настроим плагин

Бесплатно помогаем с размещением кнопок Быстрого заказа в теме дизайна. Для оформления заявки на размещение - создайте запрос в поддержке, в нем укажите доступы к админ.панели с темой дизайна и плагином, а также страницы, на которых необходимо разместить кнопки (доступны: корзина, карточка товара, элементы списка).

Вид страницы настроек плагина

Настройку плагина условно можно разделить на 2 этапа: определение параметров работы плагина и размещение кнопок в теме дизайна.

Этап 1. Настройка плагина

Шаг 1. Выбрать поселение. Плагин "Быстрый заказ" мультивитринный, следовательно, первым делом нужно включить его для конкретного поселения.

Настройка осуществляется следующим образом: при выборе из списка поселения подгружаются доступные для него настройки. В списке поселений есть пункт «Общие настройки для всех поселений» - его полезно использовать, если у Вас много поселений, требующих одинаковых настроек. Настройки конкретного поселения приоритетнее общих.

Рассмотрим два возможных варианта:

В Вашем магазине задано только 1 поселение

В Вашем магазине задано несколько поселений

Выбрать адрес единственного поселения (адрес сайта). В подгрузившихся настройках установите статус Включен для поселения (третья строка настроек).

Обратите внимание, статус плагина при выборе пункта "Общие настройки для всех поселений" (третья строка настроек) должен быть отключен.

Чтобы установить одинаковые настройки для всех поселений – выберите пункт "Общие настройки...". В подгрузившихся настройках установите статус Включен.

Если разные поселения требуют разных настроек – задайте их, поочередно выбирая соответствующие поселения.


Шаг 2. Общие настройки

  • Селектор кнопки - изменяя его, кнопке можно присвоить стили какого-либо элемента из темы дизайна. Это расширенная настройка, по умолчанию ее изменение не требуется.
  • Заголовок всплывающего окна, текст и цвет кнопки заказать - необходимо задать желаемые значения, либо оставить значения по умолчанию.
  • Текст кнопки "Закрыть" - по умолчанию это текст "Продолжить покупки". Данная кнопка обозначает закрытие окна (отмену оформления заказа). Следует понимать, что добавление товара в корзину и оформление заказа - это принципиально разные действия, таким образом после нажатия кнопки "Продолжить покупки" товар в корзину не добавляется, для добавления служит стандартная кнопка "В корзину".
  • Маска телефонного номера - в плагин встроена маска телефонного номера. Если на вашем сайте уже используется другой плагин для телефонной маски, то возможно потребуется указание переменных из использумого плагина, например, вместо +7 (999) 999-99-99 может быть +7 (___) ___-__-__.

Шаг 3. Интерграция с другими плагинами

Если у вас приобретены и испольтзуются указанные плагины - включите настройку, чтобы ограничения из них применялись к оформлению через быстрый заказ.

Шаг 4. Настройки для страниц

В данных пунктах указаны коды кнопок, которые нужно будет размещать в шаблоне темы дизайна на 2 этапе настройки.

Для корректной работы плагина в данном режиме необходимо верно указать «Селектор формы добавления товара в корзину» в настройках плагина. По умолчанию таким селектором является "form#cart-form, form#cart-form-dialog", но в зависимости от используемой темы дизайна он может быть другим. Данный селектор отвечает за определение формы добавления товара в корзину. Обычно такая форма (тег <form>) присутствует в шаблонах product.html или product.cart.html. У формы, как правило, прописан идентификатор или класс, которые можно использовать в селекторе. За помощью в определении селектора можно обратиться в поддержку плагина или к разработчику темы дизайна.

Шаг 5. Выбор артикула и настройка полей

Настройку Выбор артикула следует включить, если вы хотите, чтобы покупателю был доступен выбор артикула при оформлении заказа со страницы корзины. Использование данной функции не обязательно. Если она отключена, но у товаров задано по несколько артикулов - будет оформляться первый доступный.

В блоке Поля оформления заказа нужно указать поля, которые будут выводится покупателю при оформлении (минимальный рекоемндуемый набор: телефон - обязательное, комментарий - не обязательное).

Реализованы требования по обработке персональных данных (функция может быть отключена) и использование капчи (функция может быть отключена).

Этап 2. Размещение кнопок в дизайне

Размещение кнопок осуществляется путем вставки кода в шаблоны темы дизайна. Причем для каждого шаблона свой код. Образцы кода и названия шаблонов указаны на странице настроек плагина.

В примерах можно видеть обязательный параметр - атрибут элемента data-mode с одним из трех возможных значений:

  • product - режим работы плагина со страницы товара;
  • products-list - режим работы плагина для списка товаров, например, со страницы категории товаров;
  • cart - режим работы плагина со страницы корзины;

Таким образом плагин может быть размещен в карточке товара, корзине или элементах списка (категория, главная, страница поиска и прочие места, где используются элементы списка).

Примеры возможных кнопок для быстрого заказа

Режим работы плагина в корзине:
<button class="instantorder-btn" data-mode="cart">Купить в 1 клик</button>
<a href="#" class="instantorder-btn" data-mode="cart">Купить в 1 клик</a>

Данный код может быть размещен в шаблоне страницы корзины, обычно, таким шаблоном является cart.html

Режим работы плагина на странице товара:
<button class="instantorder-btn" data-mode="product">Купить в 1 клик</button>
<a href="#" class="instantorder-btn" data-mode="product">Купить в 1 клик</a>

Данный код может быть размещен в шаблоне страницы товара, обычно, таким шаблоном является product.html или product.cart.html

Режим работы плагина в списке товаров:
<button class="instantorder-btn" data-mode="products-list" data-product-id="{$p.id}">Купить в 1 клик</button>
<a href="#" class="instantorder-btn" data-mode="products-list" data-product-id="{$p.id}">Купить в 1 клик</a>

Данный код может быть размещен в шаблонах списков товаров, обычно, такими шаблонами являются: list-thumbs.html или list-thumbs-mini.html и другие в зависимости от темы дизайна.


Дополнительно

Внешний вид кнопки "Быстрый заказ" можно настроить минимум 2мя способами:

  • Прописать стили для указанного селектора кнопки в css файле темы дизайна. По умолчанию это класс .instantorder-btn;
  • Добавить уже сущевствующий класс со стилем в код кнопки.

Обратите внимание!

Размещение кнопок в теме дизайна (этап 2) возможно в рамках бесплатной технической поддержки по запросу.

Для изменения дизайна всплывающего окна и прочих нестандартных настроек плагина необходимы минимальные знания в области HTML/CSS/JavaScript. Если Вы не обладаете необходимыми знаниями или желанием разбираться самостоятельно, будьте готовы к обращению за помощью программиста на платной основе.