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

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

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

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

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

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

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

_______________________________.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Темы для WordPress

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

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

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

FAQ

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

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

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

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

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

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

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

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

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

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

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

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

Начало работы с магазином на Эквиде
Продажи через Фейсбук

Была ли эта статья полезной?

Приятно! Спасибо за ваш отзыв.

Спасибо за ваш отзыв.

Простите за это! Что было не так?
Пользователи, считающие этот материал полезным: 17 из 32
10
Мы используем cookie-файлы и сервисы аналитики, чтобы помнить о ваших предпочтениях, оценивать эффективность наших рекламных кампаний и улучшать работу сайта. Выбирая «Принимаю», вы даёте согласие на использование файлов cookie.
Принимаю Не принимаю