Страница продукта в магазине

Pixpa позволяет изменить макет страницы со списком продуктов и страницы с подробной информацией о продукте. Проверьте приведенные ниже ссылки, чтобы увидеть разницу между ними:

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

В этой статье:

  1. Планировка
  2. Текст
  3. Информационные разделы 
  4. ПОДОБНЫЕ ТОВАРЫ
  5. Навигация по хлебным крошкам

Настройте дизайн страницы сведений о продукте:

  • Enter дизайн магазина (1) в строке поиска.
  • В соответствующих результатах щелкните значок Дизайн магазина вариант (2) под Ссылки на студию. 

  • Теперь, из Страницы продукта (3), вы увидите варианты дизайна для странице продукта. 


Это приведет вас на страницу макета, где вы сможете выбрать макет для страницы вашего продукта.

Планировка

  1. Планировка – Выберите макет для страницы сведений о продукте.
  2. Ширина – Выберите ширину страницы сведений о продукте.
    • Полная ширина' будет отображать страницу продукта, покрывая всю ширину, не оставляя поля.
    • "Ширина сайта' можно указать в Проект раздел. Там можно указать фиксированную ширину.
      Он будет отображать страницу продукта, придерживаясь указанной фиксированной ширины.
  3. Отображение изображений продукта – Укажите, как изображения продукта должны отображаться на странице продукта. Вы можете показать их в виде миниатюр или в виде вертикальной стопки.

  1. Лайтбокс для изображений товаров - Включите его, чтобы включить режим лайтбокса для изображений продуктов.
  2. Включить обмен в социальных сетях – Установите этот флажок, чтобы отображать значки социальных сетей для обмена на странице сведений о продукте.


Текст

Нажмите на Изменить стиль текста кнопку, чтобы настроить шрифты используется на вашем сайте.

  1. Изменить стиль текста – Нажмите на эту кнопку, чтобы настроить шрифты используется на вашем сайте.
  2. Шрифт названия продукта – Выберите шрифт для названия продукта.
  3. Шрифт цены продукта - Выберите шрифт для цены продукта.
  4. Шрифт метаданных продукта – Выберите шрифт для текста, отличного от названия продукта и цены продукта, на странице сведений о продукте.


Информационные разделы

  1. Управлять шрифт заголовка информационного раздела. Также проверьте: Стиль текста сайта.
  2. Выберите стиль разделов «Информация» на страницах продуктов. Вы можете отобразить информационные разделы в Вертикальный аккордеон or Горизонтальный (с вкладками) аккордеон.
  3. Выберите развернуть первый информационный раздел добавлено в товар по умолчанию. Это будет работать только с опцией «Вертикальный аккордеон».


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

  1. Показать сопутствующие товары – Установите этот флажок, чтобы отображать сопутствующие товары на странице сведений о продукте.
  2. Сортировать по - Выберите, как сортировать сопутствующие товары на страницах товаров. Вы можете выбрать один из четырех различных вариантов:
    • Последние продукты – Когда вы добавляете товары в Магазин, они будут отсортированы, причем самые последние товары появятся первыми в разделе сопутствующих товаров.
    • Самый продаваемый – Сопутствующие товары будут упорядочены в зависимости от показателей продаж, при этом наиболее продаваемые товары будут отображаться первыми.
    • Самый высокий инвентарь – Продукты будут организованы в соответствии с оставшимся запасом, при этом продукт, имеющий большую часть запасов, будет отображаться первым.
    • Случайный - Сопутствующие товары будут отсортированы случайным образом.
  1. Количество продуктов - Выберите, сколько продуктов должно отображаться в сопутствующие товары .
  2. Этикетка - Укажите название раздела сопутствующих товаров.
  3. Дисплей - Выберите стиль, в котором товары будут отображаться в разделе сопутствующих товаров. Вы можете выбрать такие параметры, как «Квадрат», «Горизонтально», «Вертикально» и «Динамично».


Навигация по хлебным крошкам

  1. Прозрачность – Укажите видимость/положение навигационной цепочки на странице сведений о продукте.
  2. Верхняя навигация – Выберите верхнюю навигационную цепочку для страницы сведений о продукте. Вы можете выбрать из Панировочные сухари — слева / Справа, хлебные крошки с названием категории, хлебные крошки с предыдущим/следующим, предыдущим/следующим — по центру или по бокам, заголовки контента, и Назад в магазин кредита
  3. Верхний стиль шрифта – Выберите шрифт для верхней навигации.
  4. Нижняя Навигация – Выберите нижнюю навигационную цепочку для страницы сведений о продукте. Вы можете выбрать из Предыдущий/Следующий – центр или стороны, и Заголовки контента кредита
  5. Нижний стиль шрифта – Выберите шрифт для навигации в нижней части навигации.

Также проверьте: Параметры навигации по папкам.

Обратите внимание на хлебные крошки страницы продукта где Панировочные сухари — слева вариант выбран в качестве Верхняя навигация: 

Вот пример навигационная цепочка в действии. 

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


Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.