Купить в один клик

Купить в один клик для Shop-Script 7

Быстрая покупка товара и всей корзины в один клик

ВАЖНО!

Для того чтобы плагин работал корректно, необходимо наличие хука frontend_product.cart в шаблоне product.html, хука frontend_cart в шаблоне cart.html, хука frontend_head в шаблоне head.html.

В случае их отсутствия Вы можете воспользоваться ручным способом встраивания кнопок плагина.

Ручное встраивание плагина

Если Вы хотите добавить кнопку "Купить в один клик" для товара, то используйте конструкцию вида:

  • На странице товара: {shopQuickorderPlugin::quickorderForm($product)}

  • В каталоге {shopQuickorderPlugin::quickorderForm($p)}

Вместо массива $product Вы можете использовать числовой ID товара.

Если Вы хотите добавить кнопку, при помощи которой можно оформить заказ, отложенный в корзину, одним кликом, то используйте конструкцию вида:

{shopQuickorderPlugin::submitCart()}

Добавляйте кнопки в любые места в шаблоне магазина.

Ручной вывод полей формы (без кнопки)

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

{shopQuickorderPlugin::quickorderForm($product, true)}

или используйте поле "Форма быстрого заказа во всплывающем окне" в административной части.

Поле для вода количества товаров

У ручного вывода имеется третий параметр "Спрятать поле количества". По умолчанию он равен null. Это означает, что значение будет такое, которое выставлено в административной части.
Укажите 1, если хотите скрыть поле для ввода количества товаров.

{shopQuickorderPlugin::quickorderForm($product, false, 1)} или


{shopQuickorderPlugin::quickorderForm($product, true, 1)}

Укажите 0, если хотите отобразить поле для ввода количества товаров.

{shopQuickorderPlugin::quickorderForm($product, false, 0)} или


{shopQuickorderPlugin::quickorderForm($product, true, 0)}

Ручной вывод полей формы (без кнопки)

Вы можете стилизовать кнопку покупки, как захотите. В поле "Название кнопки" можно вставлять любой html-код.

Изменить комментарий к заказу можно в поле Комментарий к заказу.

Изменить текст, который будет показан пользователю после осуществления заказа конкретного товара, Вы можете в поле Текст после отправки заказа. Чтобы вывести номер заказа используйте конструкцию $order_id.

Изменить шаблон текста, показываемый пользователю после оформления заказа для всей корзины, Вы можете в шаблоне Вашей темы дизайна checkout.success.html.

Для того чтобы отменить вывод кнопки по умолчанию на странице товара, воспользуйтесь переключателем "Использовать хук frontend_product".

Для того чтобы отменить вывод кнопки по умолчанию на странице корзины, воспользуйтесь переключателем "Использовать хук frontend_cart".

Если у Вас сохранены нужные хуки, то кнопки появятся в нужных местах.

"Дополнительный js-код после успешного оформления заказа" - используйте данное поле, если хотите вставить любой js-код после успешного оформления заказа. К примеру, трекинг заказов в любой из систем аналитики (Yandex, Google и др)

"Форма быстрого заказа во всплывающем окне" - Выберите 'Нет', если хотите, чтобы поля быстрого заказа продукта появились сразу на вебсайте, а не во всплывающем окне.

Витрина

Для того чтобы пользователь мог заказать несколько товаров, Вам необходимо иметь в основной форме заказа поле <input type='text' name='quantity'>. В таком случае пользователь сможет выбрать необходимое количество товаров и, нажав кнопку "Купить в один клик" и заполнив требуемые поля, в заказ будет отправлено нужное число товаров.

Дизайн. Дизайн формы можно поменять в общем файле стиле Вашего сайта, переопределив дефолтные стили плагина.

Кнопка: Либо вставляйте в кнопку нужные блоки с классами, которые уже описаны, либо переопределяйте стили при помощи родительского класса quickorder-custom-button или quickorder-custom-button-cart, в зависимости от кнопки, которую хотите поменять(быстрая покупка товара или всего заказа соответственно).

Пример, меняем цвет кнопки:

.quickorder-custom-button .quickorder-button { background: #ffcccc; }
.quickorder-custom-button-cart .quickorder-button-cart { background: #ffcccc; }

Форма: меняем цвет заголовка формы:

.quickorder-custom-form .quickorder-header { background: #ffcccc; }