Відображення товарів у 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 наведіть на будь-який елемент колекції перейдіть до Налаштування колекції, натиснувши на “шестерню” у правому верхньому куті елементу колекції. Після цього аналогічно до попередніх розділів виберіть відображення двох Елементів у рядку:
Підказка: цей блок є колекцією — ви можете дізнатися більше про цей тип блоку в статті налаштування елементів колекції.
Опублікуйте сайт, щоб зміни набули чинності.
Оновлено: 05/09/2024
Дякуємо!