Как сделать свой вид плиток в каталоге

← Назад

Шаблон превью — скрытый раздел с HTML-кодом карточки. Выберите его в поле «Шаблон превью объектов» у разделов, и правка шаблона изменит их все.

  1. Создайте раздел и поставьте ему «Уровень доступа» «Никому. Можно перейти.» или «Никому. Закрыть доступ.».
  2. Нажмите «Редактировать текст раздела», переключите редактор на «HTML» и вставьте код карточки. Часть между <!-- ITEM_START --> и <!-- ITEM_END --> повторяется для каждого объекта. Сохраните.
  3. В разделе с объектами выберите этот шаблон в поле «Шаблон превью объектов» — в группе «Шаблоны сайта».
  4. Дальше правьте кнопкой «Редактировать» рядом со списком: откроется редактор кода с метками-кнопками.

Метки. Клик по метке вставляет её туда, где стоит курсор: <:NAME:>, <:IMAGE:>, <:URL:>, <:PRICE:>, <:CART_BUTTON:>, <:PROP:Название:> — значение любого свойства, условие <!-- IF_PROP:… -->. Подсказка у каждой метки — при наведении. <:ADD_OBJECT_CARD:> после ITEM_END вернёт администратору карточку «Добавить объект». Ctrl+S — сохранить, на страницах изменения видны после обновления.

Для всех сразу. Один шаблон можно выбрать у любого числа разделов, и правка в нём меняет их все. Так и стоит держать единый вид каталога: один шаблон на все витрины.

Глобальные шаблоны — общие для всех сайтов платформы. Их можно выбрать и посмотреть код глазиком (кнопка «Копировать» в окне), но не править. Нужен похожий, но свой — скопируйте код в шаблон своего сайта и меняйте его.

Размер плиток. Новый объект получает размер и оформление последнего объекта того же раздела. Чтобы подогнать все плитки разом, тяните ручку размера с зажатым Ctrl.

Если не получилось

  • Шаблона нет в списке. Раздел должен быть в режиме HTML и с доступом «Никому». Откройте его текст, переключите на «HTML» и сохраните.
  • Пропали шестерёнка, рамки и стили плиток. В шаблоне нет меток стиля блока — вставьте метки с :product: из редактора.
  • Не вижу кнопки «Редактировать». Выбран глобальный шаблон — его правит только платформа.
Стаття допомогла?

Дивіться також