Добавление и редактирование товарных блоков
После создания товаров в интернет-магазине нужно решить, где же отображать их на опубликованном сайте. По умолчанию все товары располагаются на домашней странице магазина, но вы также можете добавить блок с магазином на существующую страницу сайта.
У нас есть 3 типа блоков для этих целей:
Category list — блок с вкладками, чтобы отображать несколько категорий товаров.
Products — блок с несколькими карточками, в которых будут отображаться отдельные товары.
Storefront — блок-витрина для определённой категории.
Для того, чтобы добавить эти блоки, нажмите на «плюс» в редакторе:
А теперь откройте раздел Магазин:
Вы увидите 3 блока, и ниже мы расскажем о каждом из них.
Блок Category list позволяет вам отображать несколько разных категорий в магазине удобным способом, с помощью вкладок.
Примечание: если вы ещё не создали категории в магазине, это можно будет сделать по инструкциям в статье Создание категорий товаров в интернет-магазине.
Для того, чтобы выбрать категорию для каждой вкладки, нажмите на иконку шестерёнки:
Нажмите на выпадающий список Выбрать категорию и отметьте галочкой те категории, которые вы хотите отображать в одной вкладке:
Помимо этого, в этом же окне вы можете установить принцип сортировки товаров, выбрать количество товаров для отображения в целом и в ряду. Отметьте галочкой, если хотите показывать недоступные товары и описание товаров:
Повторите эти же настройки для всех остальных вкладок.
Подсказка: если вы хотите добавить/ удалить вкладки, переименовать их либо добавить цвет, для этого у нас есть отдельная статья по работе с вкладками: Добавление блоков с вкладками.
Блок Products позволяет вам отображать отдельные товары из разных категорий своего магазина и в случае необходимости заменять их вручную.
Для того, чтобы добавить товар, перейдите в настройки карточки, кликнув на «бегунок» в левом верхнем углу:
В новом окне во вкладке Вид товара выберите тот товар, который вы хотите отобразить в карточке:
Подсказка: имейте в виду, что это блок-коллекция. Элементы в коллекции имеют общие настройки и структуру, а также являются взаимозависимыми. Детальнее о коллекциях вы можете почитать в статье Настройки элементов коллекции.
Блок Storefront (витрина) позволяет отображать выбранную категорию магазина на опубликованном сайте. При добавлении новых товаров в категорию, витрина будет самостоятельно наполняться без необходимости заново опубликовывать сайт. Любые изменения в карточках товаров также будут доступны на сайте моментально.
Для того, чтобы выбрать категорию, нажмите на блок и перейдите к его настройкам:
В разделе Категория выберите категорию товаров — после этого блок самостоятельно подтянет нужные карточки товаров:
Так же, как и в блоке Category list, в блоке Storefront вы можете настроить количество элементов в ряду, сортировку, общее количество товаров в блоке и видимость товаров, которых нет в наличии.
У нас есть 3 типа блоков для этих целей:
Category list — блок с вкладками, чтобы отображать несколько категорий товаров.
Products — блок с несколькими карточками, в которых будут отображаться отдельные товары.
Storefront — блок-витрина для определённой категории.
Для того, чтобы добавить эти блоки, нажмите на «плюс» в редакторе:
А теперь откройте раздел Магазин:
Вы увидите 3 блока, и ниже мы расскажем о каждом из них.
1. Блок с вкладками Category list
Блок Category list позволяет вам отображать несколько разных категорий в магазине удобным способом, с помощью вкладок.
Примечание: если вы ещё не создали категории в магазине, это можно будет сделать по инструкциям в статье Создание категорий товаров в интернет-магазине.
Для того, чтобы выбрать категорию для каждой вкладки, нажмите на иконку шестерёнки:
Нажмите на выпадающий список Выбрать категорию и отметьте галочкой те категории, которые вы хотите отображать в одной вкладке:
Помимо этого, в этом же окне вы можете установить принцип сортировки товаров, выбрать количество товаров для отображения в целом и в ряду. Отметьте галочкой, если хотите показывать недоступные товары и описание товаров:
Повторите эти же настройки для всех остальных вкладок.
Подсказка: если вы хотите добавить/ удалить вкладки, переименовать их либо добавить цвет, для этого у нас есть отдельная статья по работе с вкладками: Добавление блоков с вкладками.
2. Блок Products
Блок Products позволяет вам отображать отдельные товары из разных категорий своего магазина и в случае необходимости заменять их вручную.
Для того, чтобы добавить товар, перейдите в настройки карточки, кликнув на «бегунок» в левом верхнем углу:
В новом окне во вкладке Вид товара выберите тот товар, который вы хотите отобразить в карточке:
Подсказка: имейте в виду, что это блок-коллекция. Элементы в коллекции имеют общие настройки и структуру, а также являются взаимозависимыми. Детальнее о коллекциях вы можете почитать в статье Настройки элементов коллекции.
3. Блок Storefront
Блок Storefront (витрина) позволяет отображать выбранную категорию магазина на опубликованном сайте. При добавлении новых товаров в категорию, витрина будет самостоятельно наполняться без необходимости заново опубликовывать сайт. Любые изменения в карточках товаров также будут доступны на сайте моментально.
Для того, чтобы выбрать категорию, нажмите на блок и перейдите к его настройкам:
В разделе Категория выберите категорию товаров — после этого блок самостоятельно подтянет нужные карточки товаров:
Так же, как и в блоке Category list, в блоке Storefront вы можете настроить количество элементов в ряду, сортировку, общее количество товаров в блоке и видимость товаров, которых нет в наличии.
Обновлено на: 07/12/2023
Спасибо!