1. aspro.ru
  2. Аспро: Максимум
  3. Каталог
  4. Свойства
  5. Свойства со ссылкой в карточке товара (кликабельные характеристики)

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


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

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

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

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

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

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

3579855c-7b62-11f1-8fe4-fa163e2ff576

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

7859867a-7b5f-11f1-8fe4-fa163e2ff576

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

fc3b23c3-7b5d-11f1-8fe4-fa163e2ff576

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

187e280e-7b5f-11f1-8fe4-fa163e2ff576

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

10a604f9-7b5d-11f1-8fe4-fa163e2ff576

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

0ce46206-7b63-11f1-8fe4-fa163e2ff576

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

341cd438-7b62-11f1-8fe4-fa163e2ff576

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

c5f2b5b6-7b5c-11f1-8fe4-fa163e2ff576

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

507244a6-7b5d-11f1-8fe4-fa163e2ff576

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

c594f22e-7b5f-11f1-8fe4-fa163e2ff576

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

88f1fcfe-7b63-11f1-8fe4-fa163e2ff576

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

c03e3f9a-7b5d-11f1-8fe4-fa163e2ff576

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

8a97d82a-7b62-11f1-8fe4-fa163e2ff576

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

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

e65dc74a-7b63-11f1-8fe4-fa163e2ff576

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

7859867a-7b5f-11f1-8fe4-fa163e2ff576

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

cd49fa95-7b5b-11f1-8fe4-fa163e2ff576

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

f1b56ea8-7b5f-11f1-8fe4-fa163e2ff576

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

0ce46206-7b63-11f1-8fe4-fa163e2ff576

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

341cd438-7b62-11f1-8fe4-fa163e2ff576

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

c5f2b5b6-7b5c-11f1-8fe4-fa163e2ff576

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

d9702017-7b61-11f1-8fe4-fa163e2ff576

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

a477dc7e-7b5c-11f1-8fe4-fa163e2ff576

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

88f1fcfe-7b63-11f1-8fe4-fa163e2ff576

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

fa8e9a02-7b62-11f1-8fe4-fa163e2ff576

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

112e2052-7b64-11f1-8fe4-fa163e2ff576

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

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

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

873ce790-7b61-11f1-8fe4-fa163e2ff576

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

9c4a8d17-7b5b-11f1-8fe4-fa163e2ff576

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

afc2a63a-7b60-11f1-8fe4-fa163e2ff576

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

7859867a-7b5f-11f1-8fe4-fa163e2ff576

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

6ef446e2-7b5d-11f1-8fe4-fa163e2ff576

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

72501eeb-7b62-11f1-8fe4-fa163e2ff576

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

Предыдущая статья Вывод анонсной картинки торгового предложения в свойство
Следующая статья Вывод подсказок у свойств торговых предложений