Как сделать так, чтобы кнопка “Продолжить покупки” закрывала всплывающее окно

Дата последнего изменения:

Если вы установили на сайт  виджет отдельного товара, чтобы продавать только один или несколько товаров, на сайте не будет каталога товаров. И весь процесс оформления заказа будет происходить во всплывающем окне. Поэтому по умолчанию будет работать так: покупатель оформляет заказ → нажимает кнопку “Продолжить покупки”, затем возвращается в магазин, но внутри этого окна. Возможно, вы захотите, чтобы в этом случае после нажатия на кнопку “Продолжить покупки” всплывающее окно закрывалось.

Чтобы решить эту задачу, вы можете заменить иконку, закрывающую страницу (значок "X") на свою кнопку с надписью “Продолжить покупки”. Эта кнопка будет закрывать страницу.

Как это сделать:

  1. Прячем кнопку “Продолжить покупки” с помощью  СSS кода.
  2. Заменяем значок крестика в правом верхнем углу всплывающего окна на свою кнопку “Продолжить покупки”.
  • Найдите в сети или создайте в графическом редакторе изображение кнопки, которое подойдёт к дизайну вашего магазина
  • Загрузите  изображение на ваш сервер или на хостинг
  • Примените к активной CSS теме код, который заменит иконку крестика на вашу кнопку:
button.ecwid-popup-closeButton {
background: transparent url(icons/continue_shopping.png) no-repeat 0 0; /*NOTE: the path inside URL should be changed to the real URL of your image */
height: 15px; /* NOTE: укажите нужную высоту в пикселях */
width: 15px; /* NOTE: укажите нужную ширину в пикселях */
}

В итоге вы получите кнопку “Продолжить покупки”, которая просто закрывает всплывающее окно и, таким образом, возвращает покупателя обратно на страницу магазина.


Узнать, как ещё можно изменить кнопку “Продолжить покупки”, можно здесь: “Как изменить кнопку “Проолжить покупки”.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Остались вопросы?
Обратитесь за помощью
  • Форум

    Общайтесь с другими пользователями Эквида и командой поддержки клиентов по любым вопросам, связанным с работой вашего магазина.

  • Связь с техподдержкой

    Есть вопросы? Свяжитесь с нами, мы будем рады вам помочь.

  • Состояние сервиса

    Страница с информацией о запланированных технических работах и текущем состоянии сервиса.