Изменения дизайна вашего онлайн магазина на Wordpress

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

После установки плагина Эквида на вашем WordPress сайте автоматически создается страница «Магазин», на которой публикуется ваш Эквид магазин со стандартным внешним видом витрины. При необходимости вы можете легко изменить дизайн своего магазина.

В этой статье

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

На страницу с каталогом товаров вы можете добавить виджет поиска и меню категорий, а также задать категорию, которая будет открываться сразу при загрузке витрины. Для этого:

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

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

  1. Внешний вид магазина можно изменить в Панели управления WordPress → Ecwid → Дизайн. Здесь вы сможете настроить размер изображений ваших товаров, внешний вид страниц каталога, галереи и многое другое:

Настройки дизайна магазина

Узнать больше об изменении внешнего вида вашего Эквид магазина можно тут.

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

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

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

Внешний вид виджета можно настроить прямо в Панели управления 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 в разделе Внешний вид → Меню. Нажмите Магазин, чтобы открыть выпадающий список. Там вы можете выбрать такие ссылки:

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

Ссылки для меню магазина

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

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

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

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