Pixpa позволяет изменить макет страницы со списком продуктов и страницы с подробной информацией о продукте. Проверьте приведенные ниже ссылки, чтобы увидеть разницу между ними:
Помимо макета, вы можете управлять интервалом сетки продуктов, порядком в списке продуктов по умолчанию, списком продуктов и параметрами сортировки, изображениями продуктов, шрифтом заголовка / метаданных продукта и многими другими параметрами.
Управляйте дизайном страницы со списком товаров:
- Enter дизайн магазина (1) в строке поиска.
- В соответствующих результатах щелкните значок Дизайн магазина вариант (2) под Ссылки на студию.
- Теперь, из Страницы магазина (3), вы увидите варианты дизайна для страница со списком товаров.
Это приведет вас к странице макета, где вы можете выбрать макет для страницы со списком продуктов.
Доступные варианты здесь можно разделить на следующие категории:
- Настройка дизайна для страниц магазина
- Список продуктов и сортировка.
- изображения продуктов.
- Текст
- Категории продукта
- Метки состояния
- Мобильные настройки
Настройка дизайна для страниц магазина
- Планировка - Выберите макет для страница со списком продуктов (1) и нажмите спасти (2) кнопка.
- Ширина – Выберите ширину страницы со списком товаров.
- Интервал сетки - Управляйте расстоянием между продуктами на странице со списком продуктов.
Список продуктов и сортировка
- Продуктов на странице – Выберите, сколько товаров будет отображаться на странице. Вы можете выбрать из 12, 24, 36 и 48.
- Показать сортировку товаров – Выберите, будет ли опция сортировки отображаться на странице со списком товаров.
- Позиция сортировки товаров – Укажите, где отображается параметр сортировки на странице со списком продуктов.
изображения продуктов
- Соотношение сторон изображения – Выберите соотношение сторон изображения для изображений продукта. Это не будет применимо для Квадратный блок раскладка.
- Показать перевернутое изображение - Включите его, если хотите, чтобы следующие изображения продукта появлялись, когда кто-то наводит курсор на первое изображение.
Посмотрите, как работает перевернутое изображение:
- Закругленные углы – Укажите значение, чтобы изображения продуктов были закруглены по углам.
Текст
- Изменить стиль текста – Нажмите на эту кнопку, чтобы настроить шрифты используется на вашем сайте.
- Шрифт названия продукта – Выберите шрифт (H1, H2, H3, H4, P, P (большой) и P (маленький)) для названия продукта.
- Шрифт метаданных продукта - Выберите шрифт для текста, отличного от названия продукта, на странице со списком продуктов.
- Выравнивание текста – Выберите выравнивание (слева, по центру и справа) для текста.
Категории продукта
- Показать категории – Выберите, будут ли категории отображаться на странице списка продуктов.
- Стиль отображения – Выберите стиль отображения для категорий товаров. Вы можете выбрать стиль облака тегов 1 и 2 или раскрывающийся список.
- Позиция – Выберите, где будут отображаться категории продуктов.
- Стиль шрифта – Выберите шрифт для категорий товаров.
- Горизонтальный интервал – Укажите расстояние между категориями товаров.
Ярлыки состояния
- Увидеть больше Этикетки магазина – Нажмите на эту кнопку, чтобы настроить этикетки вашего магазина.
- Показать этикетку продажи - Выберите, будет ли отображаться этикетка продажи или нет, и текст для нее.
Ярлык продажи появляется, когда вы указали сравнить по цене для продукта. - Показывать минимум на этикетке акций – Выберите, будет ли мало на складе этикетка появляется над вашей продукцией или нет.
Эта метка появляется, когда уровень запасов продукта достигает пороговое значение, указанное для оповещения о низком уровне запасов. - Показать этикетку «Назад/предзаказ» – Выберите, будет ли Назад/предзаказ этикетка появляется над вашей продукцией или нет.
Этот ярлык появляется на продуктах, на которых у вас есть включил обратный заказ. - Добавить в корзину - Настроить Добавить в корзину ярлык, который появляется в вашем магазине.
- Скоро этикетка - Настроить Скоро этикетка, которая появляется на ваших продуктах.
- Основной цвет этикетки – Выберите основной цвет для этикетки.
- Цвет текста метки – Выберите цвет текста для текста метки.
Мобильные настройки
- Столбцы сетки – Выберите количество столбцов сетки на странице со списком продуктов для мобильного просмотра.
- Сетка Желоб – Укажите отступ сетки/интервал для мобильного представления.
Хит Сохранить кнопку, чтобы сохранить изменения.
Вот и все. Выбранный вами стиль будет применен к страницам со списком товаров вашего магазина.
Примечание: Макет страницы со списком продуктов также будет применяться на категория магазина страниц.