Виджет корзины

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

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

 


Ниже о каждом виджете расскажем подробнее.

Корзина

Обычный вид корзины — иконка со счётчиком товаров в квадратной рамке со скруглёнными краями. Этот виджет имеет три режима отображения:

Зафиксированное положение

Используйте  HTML-код ниже, чтобы включить этот вид (изменение параметров разметки не требуется). После добавления кода корзина всегда будет находиться именно там, где вы ее расположили. Не забудьте заменить STORE_ID на идентификатор вашего магазина.

Пример:

<div>
<script src="//app.ecwid.com/script.js?STORE_ID"></script>
<script> xMinicart("style="); </script>
</div>

Этот режим полезен, когда необходимо разместить корзину на боковой панели сайта или в каком-то определенном месте на странице.

Корзина, прикреплённая к меню категорий

В этом режиме корзина всегда прикреплена к горизонтальному меню категорий. Чтобы установить такой режим, нужно добавить параметр"layout=attachToCategories" в код виджета. 

Пример:

<div>
<script src="//app.ecwid.com/script.js?STORE_ID"></script>
<script> xMinicart("style=","layout=attachToCategories"); </script>
</div>

Плавающий режим

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

Пример:

<div>
<script src="//app.ecwid.com/script.js?STORE_ID"></script>
<script> xMinicart("style=","layout=floating"); </script>
</div>

 

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

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

Мини-Корзина 

На иконке написано "Корзина" и указано количество товаров. Если навести мышку на текст, будет также показана общая стоимость товаров в корзине. Важно: если использовать этот виджет, функция  "Перетащите в корзину" не работает. Виджет мини-корзины может также отображаться в трёх режимах:

 

Зафиксированная мини-корзина

Чтобы включить этот режим, примените HTML-код, приведенный  ниже (используется параметр "layout=Mini"). После сделанных изменений значок корзины всегда будет на том месте на странице, где вы его расположили.

<div>
<script src="//app.ecwid.com/script.js?STORE_ID"></script>
<script> xMinicart("style=","layout=Mini"); </script>
</div>

Мини-корзина,  прикрепленная к каталогу товаров

В этом режиме корзина будет прикреплена к виджету каталога товаров, значок корзины будет расположен рядом со ссылкой  "Войти". Чтобы включить этот режим, нужно добавить параметр "layout=MiniAttachToProductBrowser" в код виджета миникарты.

Пример:

<div>
<script src="//app.ecwid.com/script.js?STORE_ID"></script>
<script> xMinicart("style=","layout=MiniAttachToProductBrowser"); </script>
</div>

Корзина (плавающая) для Wordpress

Небольшая круглая иконка с корзиной появляется автоматически, когда в корзину добавлен хотя бы один товар. Виджет можно установить в редакторе Wordpress →  Внешний Вид → Виджеты. Кликните на виджете “Корзина (плавающая)” и выберите область на сайте, куда нужно добавить виджет.

FAQ

  1. Я установил виджет корзины, но корзина открывается во всплывающем окне.
  • Обратитесь к этой статье: https://support.ecwid.com/hc/en-us/articles/207807865-Store-opens-in-pop-up-How-to-open-the-store-on-a-page-instead-of-the-pop-up-
  1. Мой сайт на Wix. Как сделать так, чтобы виджет корзины отображался в плавающем режиме?
  • На сайте, сделанном на Wix корзина всегда будет отображаться в зафиксированном положении. Изменить это поведение не получится.

 

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

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

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

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

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

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