Сторінка продукту магазину

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

Окрім макета, ви можете керувати назвою продукту/шрифтом метаданих, пов’язаними продуктами та навігацією.

У цій статті:

  1. макет
  2. текст
  3. Інформаційні розділи 
  4. Супутні товари
  5. Судноплавна навігація

Налаштуйте дизайн сторінки з інформацією про продукт:

  • Що натомість? Створіть віртуальну версію себе у  дизайн магазину (1) на панелі пошуку.
  • У відповідних результатах натисніть на Дизайн магазину варіант (2) під Посилання на студію. 

  • Тепер з Сторінки продукту (3), ви побачите параметри дизайну для сторінка продукту 


Ви перейдете на сторінку макета, де ви зможете вибрати макет для сторінки продукту.

макет

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

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


текст

Натисніть на Змінити стиль тексту кнопка до налаштувати шрифти використовується на вашому веб-сайті.

  1. Змінити стиль тексту – Натисніть цю кнопку, щоб налаштувати шрифти використовується на вашому веб-сайті.
  2. Шрифт назви продукту – Виберіть шрифт для назви товару.
  3. Шрифт ціни товару – Виберіть шрифт для ціни товару.
  4. Шрифт метаданих продукту – Виберіть інший шрифт для тексту, крім назви продукту та ціни продукту на сторінці з інформацією про продукт.


Інформаційні розділи

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


Це розділ, у якому зазвичай відображаються елементи, які доповнюють або схожі на продукт, який клієнт зараз переглядає, заохочуючи до додаткових покупок і покращуючи враження від покупки.

  1. Показати супутні товари – Позначте цей параметр, щоб відображати пов’язані продукти на сторінці з інформацією про продукт.
  2. Сортувати за - Виберіть спосіб сортування пов’язаних продуктів на сторінках продуктів. Ви можете вибрати один із чотирьох різних варіантів:
    • Останні продукти – Коли ви додаєте продукти до магазину, вони сортуються, причому останній продукт з’являється першим у розділі пов’язаних продуктів.
    • Найбільш продаваний – Пов’язані продукти будуть упорядковані на основі показників продажів, причому більшість продаваних продуктів з’являтимуться першими.
    • Найвищий запас – Продукти будуть упорядковані відповідно до залишків інвентарю, причому першим відображатиметься продукт із найбільшою кількістю інвентарю.
    • Випадковий - Супутні товари будуть відсортовані випадковим чином.
  1. Кількість продуктів – Виберіть, скільки продуктів має відображатися в Супутні товари .
  2. Етикетка - Вкажіть маркування розділу супутніх товарів.
  3. Дисплей - Виберіть стиль, у якому товари відображатимуться в розділі пов’язаних товарів. Ви можете вибрати такі параметри, як Квадратний, Горизонтальний, Вертикальний або Динамічний.


Судноплавна навігація

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

Також перевірте: Параметри навігації по папках.

Зверніть увагу на сухарі сторінки продукту де Панірувальні сухарі – зліва вибрано параметр Верхня навігація: 

Ось приклад навігація навігації в дії. 

Нарешті, натисніть зберегти кнопку, щоб зберегти всі зміни.
Це воно. Вибраний стиль буде застосовано до сторінок продуктів вашого магазину.


Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.