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

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

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

Проверьте, что контрольная панель WordPress и плагин Эквида обновлены до последней версии, чтобы вы могли использовать все настройки дизайна, описанные в этой статье. Чтобы проверить, доступны ли вам обновления, перейдите в панель управления WordPress → Плагины. Кликните Обновить, если доступна новая версия плагина.

Основные настройки дизайна магазина на Wordpress

Мы рекомендуем добавлять Эквид на сайт на WordPress с помощью нашего официального плагина Ecwid E-commerce Shopping Cart. Он позволяет легко добавлять весь магазин или категории товаров на разные страницы сайта, менять дизайн магазина отдельно на каждой странице, добавлять виджеты магазинов (иконка корзины, поле поиска и т. д.) и многое другое.

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

Чтобы изменить дизайн Эквид-магазина на WordPress:

Перейдите в панель управления WordPress и откройте страницу с магазином.
Кликните на блок с магазином. С правой стороны вы увидите настройки блока.
Измените настройки в блоке на ваше усмотрение.
Кликните Просмотреть, чтобы посмотреть, как магазин будет выглядеть с новыми настройками.
Кликните Обновить, чтобы сохранить изменения.

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

В настройках блока вы можете выбрать:

Информацию, которая будет показываться на страницах категорий и товаров: название товара, артикул, цена и т. д.
Ссылки, которые будут показываться в магазине: цепочка навигации («Хлебные крошки»), ссылка «Войти» и т. д.
Размер и форму изображений для категорий и товаров.
Цвета кнопок, текстов, ссылок, фона и цены и многое другое.

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

Дизайн иконки корзины

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

Иконка корзины на WordPress

Вы можете изменить ее расположение; выбрать, хотите ли вы показывать здесь количество товаров/сумму заказа; задать рамку и выбрать иконку.

Если у вас есть корзина в другом месте на сайте (например, в шапке сайта), вы можете удалить корзину, которая добавляется по умолчанию, чтобы на сайте осталась только одна иконка корзины.

Чтобы изменить внешний вид иконки корзины:

Перейдите в Консоль WordPress → Внешний вид → Настроить.
Кликните Ecwid в меню боковой панели → Виджет корзины.
Поменяйте настройки виджета корзины на ваше усмотрение. Вы сможете увидеть изменения сразу в режиме предпросмотра.
Если вы хотите, чтобы виджет корзины показывался на сайте, даже когда корзина пуста, поставьте галочку в настройке Показывать в пустом состоянии.
Когда вы найдете подходящий вам вариант отображения иконки корзины, нажмите Опубликовать.

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

Собственные CSS-коды

Вы можете использовать CSS-коды, чтобы сделать изменения, которых не добиться встроенными настройками. Скажем, вы хотите переместить иконки «Отследить заказ», «Избранное», «Корзина» и «Войти» из нижней части витрины в верхнюю. Встроенной настройки для этого нет, зато вы можете это сделать с помощью CSS-кода.

CSS-коды для магазина и для сайта на WordPress нужно добавлять в настройки WordPress.

Чтобы добавить собственный CSS-код в WordPress:

Зайдите в Консоль WordPress → Внешний вид → Настроить.
Выберите Дополнительные стили.
Вставьте CSS-коды в поле.
Опубликуйте изменения.

Таким образом вы можете добавлять CSS-коды как для вашего Эквид-магазина, так и для самого сайта на WordPress.

Темы для WordPress

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

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

Если вы еще не решили, какую тему WordPress использовать, обратите внимание на следующие темы:

Responsive от CyberChimps
HEALTHFLEX от PlethoraThemes
Коллекция Ecwid Themes от ThemeForest

FAQ

Я не вижу настройки дизайна магазина в блоках

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

Вы используете старую версию WordPress.
Решение: Обновите WordPress до последней версии. Также убедитесь, что ваш плагин Эквид использует последнюю версию: перейдите в Панель управления WordPress → Плагины → Установленные → Ecwid E-commerce Shopping Cart. Кликните Обновить, если видите, что доступна новая версия плагина.
Вы добавили магазин на сайт до появления редактора блоков WordPress (также известного как Gutenberg).
Решение: Обновите WordPress до последней версии, удалите магазин и добавьте его заново. Следуйте инструкциям по добавлению Эквид-магазина на сайт на Wordpress.

Все еще не видите настройки дизайна в блоке с магазином? Свяжитесь с нами. Мы поможем разобраться.

Изменения в дизайне магазина не отображаются на сайте

Скорее всего вы меняете настройки дизайна напрямую в панели управления Эквида → Дизайн. Эти изменения не будут отображаться на сайте на WordPress, потому что они переписываются настройками дизайна, которые заданы в блоке с магазином.

Чтобы изменить дизайн Эквид-магазина, добавленного на сайта на WordPress, меняйте настройки в блоке, где добавлен магазин, в панели управления WordPress. Инструкции, как это сделать, смотрите здесь: Настройки дизайна магазина на сайте на Wordpress.

Можно задать разный дизайн для разных категорий товаров?

Да, вы можете задать разный дизайн, если вы добавили свой магазин на WordPress с помощью плагина Ecwid. Чтобы задать разный дизайн для категорий магазина на разных страницах сайта на WordPress:

Привяжите товары к категориям, если вы этого еще не сделали.
Добавьте категории товаров на разные страницы сайта.
Измените настройки дизайна магазина в блоках, куда вы добавили магазин.

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