После активации модуля “Магазин”, на сайт будут автоматически добавлены главная страница магазина, страница категории, страница товара, страница результатов поиска и корзина. Вы можете изменить дизайн всех этих страниц, открыв любую из них в редакторе в левом меню “Страницы и попапы”. В режиме редактирования вам доступны такие действия:

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



В случае, если вы остались недовольны своими изменениями, вы можете восстановить стандартное расположение элементов, воспользовавшись опцией “Установить значение по умолчанию”.



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


Главная страница магазина

Главная страница магазина является основной товарной витриной вашего сайта. На этой странице по умолчанию располагаются такие элементы:

Заголовок страницы
Описание страницы (не отображается на сайте, если для корневой категории не задано описание)
Список категорий магазина (не отображается на сайте, если в магазине нет категорий)
Список товаров (отображается пустой элемент, если в магазине нет товаров или все товары находятся в категориях)

Пример главной страницы магазина

Важно: мы не рекомендуем удалять элементы "Список категорий" и "Список товаров", так как в противном случае пользователи не смогут видеть продаваемые на сайте товары.

Примечание: товары, помещенные в определенную категорию, будут отображаться только в этой категории. На главной странице магазина такие товары отображаться не будут. Если в категории поместить все товары магазина, элемент "Список товаров" на главной странице магазина по-прежнему будет отображаться, однако в нем будет показано уведомление об отсутствии товаров!

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



Для того чтобы перевести или переименовать заголовок страницы Store homepage, следует открыть настройки сайта, перейти в раздел Категории, открыть первую в списке корневую категорию, перейти на вкладку SEO и задать значение в поле "Тег H1 для страницы категории":



Изменить описание главной страницы магазина можно в настройках корневой категории, во вкладке Общие настройки:



Убрать счетчики количества товара (цифры в круглых скобках возле заголовков) можно глобально для главной страницы магазина и для всех страниц категорий в настойках страницы категории:



Переименовать и изменить стили кнопок можно во вкладке Действие, которая находится в настройках элемента с товарами:



Для того чтобы добавить новый блок или элемент, нужно навести курсор на пустое пространство под существующим блоком и нажать на кнопку "Добавить блок" или "Добавить элемент":




Страница категории

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

Хлебные крошки
Заголовок категории
Описание категории (не отображается на сайте, если для корневой категории не задано описание)
Список подкатегорий категории (не отображается на сайте, если в категории нет подкатегорий)
Список товаров (отображается пустой элемент, если в категории нет товаров или все товары находятся в подкатегориях)

Пример страницы категории

Примечание: внешне страница категории очень похожа на главную страницу магазина, которая описана выше. Ее редактирование, соответственно, происходит по схожему принципу.

Подсказка: добавить товары в категорию можно непосредственно через общие настройки каждого товара. Обратитесь к статье Редактирование товаров в магазине для более детальной информации.


Страница товара

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

Хлебные крошки
Галерея товара
Детали товара
Описание товара (отображается пустой элемент, если для товара не задано описание)
Похожие товары (не отображается на сайте, если для товара не заданы похожие товары)

Пример страницы товара

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



Для того чтобы добавить новый блок или элемент, нужно навести курсор на пустое пространство под существующим блоком и нажать на кнопку "Добавить блок" или "Добавить элемент":



Подсказка: здесь мы редактируем общий шаблон для отображения товарных единиц на сайте. Узнайте больше о редактировании непосредственно товаров в статье Редактирование товаров в магазине.


Страница результатов поиска

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

Хлебные крошки
Поле для поиска
Список товаров, которые подходят под заданные критерии поиска

Пример страницы результатов поиска

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



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

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




Корзина

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

Заголовок
Детали заказа (список товаров, добавленных в корзину)
Форма для оформления заказа (для предоставления клиентом контактных данных и комментария к заказу)
Список платежных методов
Кнопка "Заказать"

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

Пример корзины

Редактирование элементов в корзине

Для изменения заголовка Shopping cart следует открыть список страниц магазина, найти страницу корзины и выбрать опцию "Переименовать" через нажатие на кнопку с тремя точками:



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



Для перевода текста, который показывается в пустой корзине или после успешно созданного заказа, следует открыть настройки элемента "Детали заказа":



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



Дбавить новые или убрать существующие платежные системы из элемента "Платежные методы" можно через настройки платежных методов в общих настройках сайта. Быстро перейти в этот раздел можно через примечание в настройках элемента:



Чтобы переименовать кнопку заказа, нужно навести на нее курсор и вписать свой текст вместо существующего:



Для настройки внешнего вида кнопки нужно нажать на кнопку и затем на шестеренку в появившемся окне:



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

Чтобы изменить внешний вид всплывающего окна корзины, нужно найти страницу корзины в левой панели, кликнуть на шестеренку и перейти во вкладку "Вид":



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

Задать анимацию для появления всплывающего окна корзины можно в соседней вкладке "Анимация":



Настройка виджета корзины

Для изменения внешнего вида виджета корзины, стоит нажать на круглую кнопку с иконкой сумки в правом верхнем углу:



Вы можете изменить иконку, цвет иконки, форму виджета (круглая, квадратная), размер кнопки (маленькая, средняя, большая), положение виджета и отступы от края. Также вы можете указать, стоит ли отображать виджет до того, как пользователь добавил в него первый товар.
Была ли эта статья полезна?
Отменить
Спасибо!