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

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


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

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

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

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

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

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

611c5447-7b61-11f1-8fe4-fa163e2ff576

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

0b5fd711-7b5c-11f1-8fe4-fa163e2ff576

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

05c22052-7b5f-11f1-8fe4-fa163e2ff576

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

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

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

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

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

4955d628-7b5e-11f1-8fe4-fa163e2ff576

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

00303cc7-7b5f-11f1-8fe4-fa163e2ff576

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

5f3bfff3-7b5d-11f1-8fe4-fa163e2ff576

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

2eddb208-7b60-11f1-8fe4-fa163e2ff576

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

508451f0-7b60-11f1-8fe4-fa163e2ff576

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

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

611c5447-7b61-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

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

4955d628-7b5e-11f1-8fe4-fa163e2ff576

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

00303cc7-7b5f-11f1-8fe4-fa163e2ff576

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

59d93646-7b5d-11f1-8fe4-fa163e2ff576

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

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

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

3682a376-7b5c-11f1-8fe4-fa163e2ff576

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

3620337d-7b60-11f1-8fe4-fa163e2ff576

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

caee0f85-7b64-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

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

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

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

6024b9b7-7b5c-11f1-8fe4-fa163e2ff576

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

439b331d-7b61-11f1-8fe4-fa163e2ff576

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

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

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

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