Отображение товаров в 2 столбика на мобильной версии сайта
Правильное расположение товаров на мобильной версии сайта играет ключевую роль в улучшении пользовательского опыта. Размещение товаров в два столбца может повысить удобство покупок, поскольку покупатели будут видеть больше товаров одновременно. В то же время, если необходимо, чтобы каждое изображение товара на экране смартфона было большего размера в списке товаров, вы можете отобразить товары в одной колонке.
Отображать по 2 товара в каждой строке возможно в следующих разделах/блоках вашего сайта:
Домашняя страница магазина
Страница категории
Блоки «Storefront» и «Category list»
Блок «Products» (элементы коллекции)
Перед тем, как менять отображение товаров на мобильных устройствах, необходимо переключиться на редактор мобильной версии сайта. Это можно можно сделать нажав на иконку мобильного телефона, как сверху редактора, так и непосредственно в настройках того или иного элемента:
Откройте список страниц сайта, перейдите на вкладку Магазин и нажмите на пункт Домашняя страница. Нажмите на элемент Настройки товаров в категории (элемент с примерами товаров) и выберите отображение двух Элементов в ряду для мобильной версии сайта:
Подсказка: Вы можете задать промежуток (отступ) между колонками в 15 или 30 пикселей.
Откройте список страниц сайта, перейдите во вкладку Магазин — Страница категории и аналогично предыдущему разделу откройте Настройки товаров в категории и выберите отображение двух Элементов в ряду для мобильной версии сайта:
Примечание: аналогичным образом можно изменить отображение для планшета, при этом можно выбрать количество товаров в строке от 1 до 4.
По умолчанию все товары располагаются на домашней странице магазина, но вы также можете добавить блок с магазином на другие страницы сайта. Как добавить такие блоки, вы можете узнать в статье Добавление и редактирование товарных блоков.
Для блока Storefront перейдите в Настройки витрины товаров, нажав на «шестеренку» посередине элемента, и выберите отображение двух Элементов в ряду:
Аналогично для блока Category list - перейдите в Настройки витрины товаров и выберите отображение двух Элементов в ряду:
В блоке Products наведите на любой элемент коллекции и перейдите в Настройки коллекции, нажав на «шестеренку» в правом верхнем углу элемента коллекции. После этого аналогично предыдущим разделам выберите отображение двух Элементов в ряду:
Подсказка: этот блок является коллекцией - вы можете узнать больше об этом типе блока в статье настройки элементов коллекции.
Опубликуйте сайт, чтобы изменения вступили в силу.
Отображать по 2 товара в каждой строке возможно в следующих разделах/блоках вашего сайта:
Домашняя страница магазина
Страница категории
Блоки «Storefront» и «Category list»
Блок «Products» (элементы коллекции)
Перед тем, как менять отображение товаров на мобильных устройствах, необходимо переключиться на редактор мобильной версии сайта. Это можно можно сделать нажав на иконку мобильного телефона, как сверху редактора, так и непосредственно в настройках того или иного элемента:
1. Домашняя страница магазина
Откройте список страниц сайта, перейдите на вкладку Магазин и нажмите на пункт Домашняя страница. Нажмите на элемент Настройки товаров в категории (элемент с примерами товаров) и выберите отображение двух Элементов в ряду для мобильной версии сайта:
Подсказка: Вы можете задать промежуток (отступ) между колонками в 15 или 30 пикселей.
2. Страница категории
Откройте список страниц сайта, перейдите во вкладку Магазин — Страница категории и аналогично предыдущему разделу откройте Настройки товаров в категории и выберите отображение двух Элементов в ряду для мобильной версии сайта:
Примечание: аналогичным образом можно изменить отображение для планшета, при этом можно выбрать количество товаров в строке от 1 до 4.
3. Блоки «Storefront» и «Category list»
По умолчанию все товары располагаются на домашней странице магазина, но вы также можете добавить блок с магазином на другие страницы сайта. Как добавить такие блоки, вы можете узнать в статье Добавление и редактирование товарных блоков.
Для блока Storefront перейдите в Настройки витрины товаров, нажав на «шестеренку» посередине элемента, и выберите отображение двух Элементов в ряду:
Аналогично для блока Category list - перейдите в Настройки витрины товаров и выберите отображение двух Элементов в ряду:
4. Блок «Products» (элементы коллекции)
В блоке Products наведите на любой элемент коллекции и перейдите в Настройки коллекции, нажав на «шестеренку» в правом верхнем углу элемента коллекции. После этого аналогично предыдущим разделам выберите отображение двух Элементов в ряду:
Подсказка: этот блок является коллекцией - вы можете узнать больше об этом типе блока в статье настройки элементов коллекции.
Опубликуйте сайт, чтобы изменения вступили в силу.
Обновлено на: 27/08/2024
Спасибо!