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

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

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


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

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

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


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

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

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

 


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

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

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


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

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


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

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


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

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


Границя зображення


текст

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


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

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

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

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


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

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

Pixpa Studio щойно оновлено. Ми зараз оновлюємо всі скріншоти довідкових статей.