Шаблон страницы товара (Product Page Layout) — это «лицо» вашего интернет-магазина. В Gridbox вы настраиваете дизайн не для каждого товара отдельно, а создаете единый мастер-шаблон, который автоматически применяется ко всем карточкам в приложении Store. Любые изменения в этом макете моментально отображаются на всех страницах товаров вашего магазина.
1. Редактирование шаблона (Item Layout)
Чтобы настроить структуру карточки товара:
- ■ Перейдите в ваше приложение Store.
- ■ Откройте вкладку Layouts (Макеты) и выберите Item Layout.
- ■ Вы попадете в визуальный редактор Gridbox, где можете использовать любые плагины для верстки карточки.
2. Использование e-commerce плагинов
Для вывода динамических данных товара (цены, названия, галереи) используйте специализированные плагины из группы Store:
- ■ Product Title: Выводит заголовок товара.
- ■ Product Price: Автоматически отображает цену (с учетом скидок и налогов).
- ■ Product Gallery: Слайдер изображений товара.
- ■ Add to Cart: Кнопка покупки и выбор количества.
- ■ Product Description: Блок с текстовым описанием из карточки товара.
Для вывода технических характеристик (вес, размеры, артикул, материал) используйте плагин Fields Group. Если вы создали группу полей в настройках приложения, этот плагин автоматически подтянет все заполненные данные для конкретного товара и выведет их в виде аккуратной таблицы или списка. Это избавляет от необходимости прописывать характеристики вручную в описании каждого товара.
На проектах с тяжелым контентом (промышленные каталоги, оборудование) верстка шаблона товара Item Layout — это всегда баланс между визуалом и SEO. Не забывайте про тег H1. В макете товара всегда должен быть только один H1 (обычно это заголовок товара). Все технические характеристики (названия параметров) в таблицах выводите через теги <span> или <div>, а не через H2-H3, чтобы не ломать структуру заголовков страницы. Это критически важно для корректного отображения иерархии документа в глазах Google/Яндекс.