Изменение дизайна Эквид-магазина на WordPress

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

Когда вы устанавливаете плагин Эквида на свой сайт на WordPress, он автоматически создает страницу «Магазин». На ней — ваш Эквид-магазин со стандартным внешним видом витрины. Вы можете легко изменить дизайн своего магазина.

В этой статье:

Внешний вид витрины

  1. Панели управления WordPress перейдите в раздел Страницы.
  2. Наведите курсор на блок со страницей магазина и нажмите Изменить.
  3. Кликните на кнопку Настройки магазина.
  4. На вкладке Витрина можно указать, какие виджеты вы хотите показывать на странице: поиск и меню категорий. По умолчанию будет опубликован Каталог товаров. Также вы можете выбрать категорию, которую хотите показывать при загрузке магазина:

Выберите виджеты магазина

  1. Внешний вид витрины можно изменить в Панели управления Эквида на вкладке Дизайн. В Панели управления WordPress перейдите в Ecwid → Дизайн:

Выберите размер изображений

  1. Здесь вы можете настроить размер изображений ваших товаров, а также внешний вид страниц каталога и галереи.
Прочитайте нашу статью с подробной информацией о том, как изменить дизайн Эквид-магазина.

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

Вы можете добавить на свой сайт виджет Корзины — он поможет покупателям видеть, сколько товаров они добавили в корзину, и переходить к оформлению заказа с любой страницы вашего сайта.

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

Внешний вид виджета можно настроить в Панели управления WordPress: изменить его значок, вид и рамку, задать его положение на странице.

Добавление виджета Корзины

Чтобы включить виджет Корзины:

  1. Перейдите в Панель управления WordPress → Внешний Вид → Настроить:

Настроить внешний вид виджета

  1. В боковом меню выберите Ecwid:

Выберите Эквид

  1. Кликните Shopping Cart Widget.
  2. В выпадающем списке выберите, где вы хотите показывать корзину: На страницах магазина (Show on store pages) или На всех страницах сайта (Show on all pages):

Выберите, где вы хотите показывать корзину

  1. Включите опцию Показывать пустую корзину

Опция Показывать пустую корзину (Show when empty)

Теперь виджет Корзины всегда будет отображаться в угле страницы в плавающем режиме.

Если вы хотите добавить виджет Корзины в боковую панель вашего сайта, почитайте о Виджетах боковой панели.

Настройка внешнего вида Корзины

Когды вы добавили Корзину на сайт, вы можете настроить её внешний вид.

Чтобы настроить дизайн Корзины, перейдите в Панель управления WordPress → Внешний вид → Настройки → Ecwid → Shopping Cart Widget.

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

Внешний вид (Layout) 

Название опции Внешний вид
Маленькая иконка
(Small icon)
Small icon
Маленькая иконка и количество товаров
(Small icon and item count)
Small icon and item count
Только количество товаров
(Item count only)
Item count only
Название и количество товаров
(Label and item count)
Label and item count
Иконка и количество товаров
(Icon and item count)
Icon and item count
Иконка, название и количество товаров
(Icon, label and item count)
Icon, label and item count
Иконка, название, количество товаров и сумма заказа
(Icon, label, item count and subtotal)
Icon, label, item count and subtotal
Иконка, название, количество товаров, сумма заказа и ссылка на страницу корзины
(Icon, label, item count, subtotal and link)
Icon, label, item count, subtotal and link

 

Рамка (Border)

Вы можете изменить форму виджета, выбрав один из параметров рамки:

  • прямоугольник – rectangle
  • «пилюля» – pill (прямоугольник, скруглённый по бокам)
  • без рамки – no border

Иконка (Icon)

Также можно изменить иконку виджета. Ниже приведены варианты, из которых можно выбрать:

Название иконки Внешний вид
Bag Bag
Корзина Cart
Basket Basket

 

Положение на странице

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

  • Справа внизу
  • Справа вверху
  • Слева вверху (top left)
  • Слева внизу (bottom left)

Кроме того, вы можете увеличить или уменьшить промежутки между виджетом и краями экрана. Для этого используйте параметры Горизонтального и Вертикального отступов (Horizontal и Vertical indent).

Виджеты боковой панели

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

Чтобы включить виджеты боковой панели, в Панели управления WordPress перейдите в раздел Внешний вид → Виджеты. Вы можете включить следующие виджеты:

  • Корзина
  • Поиск товаров
  • Корневые категории магазина
  • Ссылка на магазин
  • Просмотренные товары
  • Последние добавленные товары
  • Случайный товар
Чтобы узнать, как изменить внешний вид Корзины, обратитесь к статье Настройка внешнего вида корзины.

Меню магазина

С плагином Эквида вы можете добавлять ссылки на элементы магазина в главное меню своего сайта. Так ваши покупатели смогут быстро переключаться между категориями магазина, заходить в свой профиль и переходить на страницу корзины.

Добавить меню магазина можно в Панели управления WordPress в разделе Внешний вид → Меню. Нажмите Магазин, чтобы открыть выпадающий список. Там вы можете выбрать такие ссылки:

  • Корзина: добавляет ссылку на корзину с покупками,
  • Поиск товаров: добавляет ссылку на страницу с результатами поиска,
  • Профиль: добавляет ссылку на профиль покупателя,
  • Магазин: добавляет ссылку на главную страницу магазина,
  • Магазин с меню категорий: добавляет выпадающее меню категорий магазина.

Выберите виджеты магазина

Читайте также

Wordpress
5 обновлений плагина Эквида для интернет-магазина на WordPress
Как сделать интернет-магазинна WordPress: пошаговая инструкция
Блог на Wordpress: как начать продавать без интернет-магазина

 

К началу
Статья ответила на ваш вопрос?

Замечательно! Спасибо за ответ!

Пожалуйста, пришлите нам этот вопрос. Мы будем рады ответить по почте.

Отправить вопрос