234  /  551
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Свойства со ссылкой в карточке товара (кликабельные характеристики)

В Аспро: Максимум с версии 2.6.0 появилась возможность создавать свойства со ссылкой. Таким образом клиенты по клику на характеристики смогут переходить на другие страницы сайта или внешние ресурсы.

Всего доступны три варианта работы со ссылками для свойств:

  1. привязка к элементу/разделу;
  2. пользовательское свойство с полями для значения и ссылкой;
  3. добавление ссылки для текущего свойства на результаты фильтра.

Давайте разберем каждый вариант подробнее.

Привязка свойства к элементу или разделу

Покажем, как это работает.


Для создания свойства зайдите в административную часть сайта. Проделайте путь Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4) → Каталог товаров (5).


На вкладке «Свойства» укажите название свойства (1), выберите тип «Привязка к элементу» или «Привязка к разделу» (2) и укажите символьный код (3). Сохраните изменения.


Нажмите на три точки и выберите информационный блок для связи со свойством.


Если пользуетесь группировщиком свойств, перенесите параметр в существующую группу или создайте новую.


Следующим шагом перейдем к добавлению свойства в карточку товара. Проделайте путь: Контент (1) → Каталог (aspro.premier) (2) → Каталог товаров (3).


Выберите товар из любого раздела, кликните на «Гамбургер» и выберите вариант «Изменить». 


Сначала нам нужно добавить свойство в страницу редактирования карточки товара. Для этого нажмите на «Шестеренку» и выберите «Настройки».


Выберите в доступных вкладках параметры (1), затем вкладку товара (2). В доступных полях выделите созданное свойство (3) и добавьте его на страницу редактирования по клику на стрелку (4). Сохраните изменения.


Теперь найдите свойство на вкладке «Товар». Нажмите на три точки и выберите элемент для связи. Сохраните изменения.


Затем в публичной части сайта перейдите в параметры компонента каталога по шестеренке.


Во вкладке «Настройки детального просмотра» найдите поле «Свойства» и укажите через CTRL созданные нами свойства для привязки элемента/раздела. Сохраните изменения.


Свойство появилось! Если навести курсор на характеристику в карточке товара, отобразится адрес ссылки.


Свойство с произвольной ссылкой

Покажем, как работает свойство с произвольной ссылкой, на примере с ссылкой на другой сайт. На GIF-изображении ниже мы перейдем с демоверсии Аспро: Максимум (max-demo.ru) на сайт Аспро (aspro.ru). Домены полностью отличаются.


Для создания такого свойства в административной части сайта перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4) → Каталог товаров (5).


На вкладке «Свойства» укажите название свойства (1), выберите тип «Аспро: Max. Строка с произвольной ссылкой» (2) и укажите символьный код (3). Сохраните изменения.


Если пользуетесь группировщиком свойств, перенесити параметр в существующую группу или создайте новую.


Следующим шагом перейдем к добавлению свойства в карточку товара. Проделайте путь: Контент (1) → Каталог (aspro.premier) (2) → Каталог товаров (3).


Выберите товар из любого раздела, кликните на «Гамбургер» и выберите вариант «Изменить». 


Сначала нам нужно добавить свойство в страницу редактирования карточки товара. Для этого нажмите на «Шестеренку» и выберите «Настройки».


Выберите в доступных вкладках параметры (1), затем вкладку товара (2). В доступных полях выделите созданное свойство (3) и добавьте его на страницу редактирования по клику на стрелку (4). Сохраните изменения.


Теперь найдите свойство на вкладке «Элемент». Укажите значение (1) и вставьте ссылку (2). Также вы можете открыть ссылку в новой вкладке (3). Если свойство ведет на другой сайт, вы можете добавить атрибут rel=”nofollow” (4), чтобы не передавать ссылочную массу. Опция позитивно сказывается на SEO-показателях.


Перейдите в карточку товара в публичной части. В режиме правки наведите курсор на поле товара и нажмите на шестеренку, чтобы перейти в параметры компонента.


В настройках детального просмотра выберите свойство из списка. Сохраните изменения.


Теперь свойство должно отображаться. Если навести курсор на характеристики в карточке товара, отобразится адрес ссылки.


Добавление ссылки для текущего свойства на результаты фильтра

Вы также можете добавить ссылку на уже существующее свойство. Такая ссылка будет вести на результаты фильтра с этим свойством.

Функционал улучшает навигацию по сайту и увеличивает вовлеченность пользователей.


Чтобы настроить такие свойства-ссылки, в административной части сайта перейдите в Аспро (1) → Аспро: Max (2) → Настройки (3) → Каталог (4).


Поставьте галку в поле «Включить свойства-ссылки» (1) и введите адрес страницы с умным фильтром для генерации подстановки (2). Он должен совпадать с настройкой «URL раздела для умного фильтра». Нажмите «Применить».


Затем внесите изменения в настройки каждого свойства, которое нужно сделать ссылкой. Для этого перейдите в Каталог (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (4) → Каталог товаров (5).


Во вкладке «Свойства» перейдите в настройки нужного свойства.


Поставьте галки в полях «Показывать на странице редактирования элемента» (1) и «Показывать в умном фильтре» (2). Сохраните изменения в настройках свойства и инфоблока.


После этого свойство станет кликабельным и будет вести на результаты фильтра.