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

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

Окрім макета, ви можете керувати інтервалом у сітці продуктів, порядком переліку продуктів за замовчуванням, переліком продуктів і параметрами сортування, зображеннями продуктів, шрифтом заголовка/метаданих продукту та багатьма іншими параметрами.


Керуйте дизайном сторінки зі списком продуктів:

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

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


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

Доступні варіанти можна класифікувати як: 

  1. Налаштувати дизайн для сторінок магазину
  2. Перелік продуктів і сортування.
  3. зображення продуктів.
  4. текст
  5. категорії продуктів
  6. Мітки стану
  7. Мобільні параметри

Налаштувати дизайн для сторінок магазину

  1. макет – Виберіть макет для сторінка зі списком продуктів (1) і натисніть економити (2) кнопка.

  1. ширина – Виберіть ширину сторінки зі списком продуктів.
  2. Інтервал сітки – Керуйте відстанню між продуктами на сторінці зі списком продуктів.

Перелік продуктів і сортування

  1. Продуктів на сторінку – Виберіть, скільки продуктів відображатиметься на сторінці. Ви можете вибрати з 12, 24, 36 і 48.
  2. Показати сортування продуктів – Виберіть, чи відображатиметься опція сортування на сторінці списку продуктів.
  3. Позиція сортування товару – Укажіть, де на сторінці зі списком продуктів відображається параметр сортування.

 

зображення продуктів

  1. Формат зображення – Виберіть співвідношення сторін зображення для зображень продукту. Це не було б застосовно для Квадратний блок макет.
  2. Показати перевернуте зображення – Увімкніть його, якщо ви хочете, щоб наступні зображення продукту з’являлися, коли хтось наводить курсор на перше зображення.

Подивіться, як працює перевернуте зображення: 

  1. Закруглені кути – Укажіть значення, щоб зробити зображення продукту округленими в кутах.


текст

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


категорії продуктів

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


Мітки статусу

  1. Перегляньте інші етикетки магазину – Натисніть цю кнопку, щоб налаштувати етикетки магазину.
  2. Показати етикетку продажу – Виберіть, чи з’являтиметься напис про продаж, а також текст для нього.
    Мітка продажу з’являється, коли ви вказуєте порівняти за ціною для продукту.
  3. Показати низький рівень на етикетці запасу – Виберіть, чи мало на складі відображається етикетка над вашими продуктами чи ні.
    Ця позначка з’являється, коли рівень запасів продукту досягає порогове значення, указане для сповіщення про низькі запаси.
  4. Показати етикетку повернення/попереднього замовлення – Виберіть, чи Назад/Попереднє замовлення відображається етикетка над вашими продуктами чи ні.
    Цей ярлик відображається над продуктами, на яких ви маєте увімкнув зворотне замовлення.
  5. Етикетка «Додати в кошик». – Налаштувати ПЕРЕДЗАМОВИТИ етикетку, яка з’являється у вашому магазині.
  6. Незабаром етикетка – Налаштувати Скоро етикетці, яка відображається на ваших продуктах.
  7. Основний колір етикетки – Виберіть основний колір для етикетки.
  8. Колір тексту мітки – Виберіть колір тексту для тексту мітки.


Мобільні параметри

  1. Стовпці сітки – Виберіть кількість стовпців сітки на сторінці списку продуктів для мобільного перегляду.
  2. Сітка Жолоб – Укажіть межі сітки/інтервал для мобільного перегляду.

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

Примітка: Також буде застосовано макет сторінки зі списком продуктів категорія магазину сторінок.


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

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