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

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

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

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

  1. Планировка
  2. Текст
  3. Сопутствующее оборудование
  4. Навигация по хлебным крошкам

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

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

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


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

Планировка

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

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


Текст

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


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

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


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

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

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

Обратите внимание на навигационную цепочку на странице товара , где в качестве верхней панели навигации выбран пункт « Навигационная цепочка – слева» :

Вот пример работы навигации по принципу "хлебных крошек".

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


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

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

Pixpa Studio только что обновили. В данный момент мы обновляем скриншоты всех справочных статей.