Атрибуты, опции и фильтры — это тесно связанные между собой, товарами и категориями сущности, поэтому рассмотрим работу с ними в рамках одной статьи.

Что такое атрибуты?

Атрибут товара в OpenCart — это одна из характеристик или свойств конкретного товара.

Как правило, товары характеризуются не одним, а несколькими атрибутами.

Атрибуты позволяют посетителям сайта:

  • получить более полную и структурированную информацию о товарах;
  • сравнить товары между собой;
  • выбрать товары при помощи инструмента фильтры по необходимым свойствам.

Наличие свойств на странице товаров также положительно влияют на внутреннюю поисковую оптимизацию сайта.

Примет отображения атрибутов, свойств на странице товара

Для товаров, находящихся в рамках одной тематической категории, набор атрибутов или характеристик одинаков.

Например:

  • для раздела одежда, в качестве атрибутов, могут выступать: размер, цвет, пол, тип одежды и т.д.
  • для раздела мебель, в качестве атрибутов, могут выступать: размеры, высота, ширина, глубина, цвет, тип мебели и т.д.

Атрибуты можно собирать в группы, например: группа атрибутов «Размер» может включать в себя: высоту, ширину, глубину.

Атрибуты и группы атрибутов:

  • создаются в панели управления сайтом — «Каталог», далее «Атрибуты» или «Группы атрибутов», см. руководство тут;
  • привязываются к товарам на странице создания и редактирования товаров — «Каталог», далее «Товары», см. руководство тут;
  • их значения:
    • отображаются на странице товаров;
    • используются при работе фильтров.

 

Вам может быть полезно:

 

Как создать атрибуты?

Создание атрибута

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Перейдите в раздел «Каталог», далее «Атрибуты».
  3. В этом разделе админки вы можете увидеть все созданные ранее характеристики.
  4. Для добавления нового атрибута кликните на иконке «Добавить» — (1).
  5. Добавление нового атрибута в админке OpenСart, OcStore

  6. Укажите:
    • название атрибута;
    • связь с ранее созданной группой атрибутов (при необходимости);
    • порядок отображения атрибута в карточке товара.
  7. Нажмите иконку «Сохранить».
  8. Добавление нового атрибута в админке OpenСart, OcStore

  9. Для редактирования атрибута кликните на иконке «Редактировать» — (2).
  10. Вы не можете удалить свойство если оно привязано к одному из товаров.

Добавление атрибута и его значения в карточку товара

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Перейдите в раздел «Каталог», далее «Товары».
  3. В этом разделе админки вы можете увидеть все добавленные ранее товары.
  4. Для добавления атрибута и его значения в карточку товара кликните на иконке «Редактировать» рядом с необходимым товаром.
  5. Добавление атрибута и его значения в карточку товара

  6. Перейдите в закладку «Атрибуты».
  7. Нажмите на иконку «Добавить атрибут».
  8. В поле «Атрибут» введите название созданной ранее характеристики или выберите ее из выпадающего списка.
  9. Укажите необходимое значение характеристики.
  10. Добавление атрибута и его значения в карточку товара

    Добавление нового атрибута в админке OpenСart, OcStore

  11. Нажмите на иконку «Сохранить».
  12. Перейдите на страницу редактируемого товара на сайте и обновите ее.
  13. В блоке «Характеристики» появилось новое свойство товара и его значение.
  14. Атрибуты или свойства на странице товара на сайте

  15. Повторите пп. 4—8 для всех товаров и характеристик.

Удаление и изменение характеристики и ее значения в карточке товара

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Перейдите в раздел «Каталог», далее «Товары».
  3. В этом разделе админки вы можете увидеть все добавленные ранее товары.
  4. Для изменения атрибута и его значения в карточке товара кликните на иконке «Редактировать» рядом с необходимым товаром.
  5. Перейдите в закладку «Атрибуты».
  6. Измените значение необходимой характеристики в поле «Текст» — (1) или удалите атрибут вообще — (2).
  7. Нажмите на иконку «Сохранить».

Удаление и изменение характеристики и ее значения в карточке товара

 

Видеоурок по управлению атрибутами товаров

Что такое опции?

Опция товара в Opencart — это разновидности одного и того же товара, отличающиеся по одному из его атрибутов (свойств).

Например, у нас есть одна и также модель куртки. Эта модель производится и продается в разных размерах и цветах. Посетитель сайта видит доступные варианты (опции) по размеру и цвету и может выбрать и заказать один — необходимый ему.

Пример опции «Размер» на странице торговой площадки. При оформлении онлайн-заявки пользователь должен выбрать только один вариант размера куртки.

Пример опций или модификаций товаров на сайте интернет-магазина

Опции часто называют — модификациями или вариантами товара. Опции можно использовать вместе с атрибутами товаров или без них.

Чем отличаются атрибуты и опции?

  • Атрибуты и опции могут выводится на страницах товаров.
  • Атрибуты описывают набор свойств товаров и могут использоваться для работы инструмента «Фильтр».
  • Опции выделяют разные модификации одного и того же товара и используются при оформлении онлайн-заказов.

Опции или варианты товара:

  • создаются в панели управления сайтом — «Каталог», далее «Опции», см. руководство тут;
  • привязываются к товарам на странице создания и редактирования товаров — «Каталог», далее «Товары», см. руководство тут;
  • их значения:
    • отображаются на странице товаров;
    • используются при оформлении заказа на сайте.

Как добавить опции?

Создание опций

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Перейдите в раздел «Каталог», далее «Опции».
  3. Как добавить опции?

  4. В этом разделе админки вы можете увидеть все созданные ранее опции.
  5. Для добавления новой опции кликните на иконке «Добавить» — (1).
  6. Поля при добавлении новой опции в админке

  7. Укажите:
    • название опции;
    • тип опции Доступные варианты: Выбор одного из вариантов, Выбор нескольких вариантов, Текст, Файл, Дата, Время;
    • порядок отображения в карточке товара;
    • значения опции.
  8. Нажмите иконку «Сохранить».
  9. Для редактирования атрибута кликните на иконке «Редактировать» — (2).
  10. Вы не можете удалить модификацию если оно привязано к одному из товаров.

Добавление опции и ее значения в карточку товара

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Перейдите в раздел «Каталог», далее «Товары».
  3. В этом разделе админки вы можете увидеть все добавленные ранее товары.
  4. Для добавления опций и его значения в карточку товара кликните на иконке «Редактировать» рядом с необходимым товаром.
  5. Перейдите в закладку «Опции».
  6. Добавление опции и ее значения в карточку товара

  7. Выберите из выпадающего списка или найдите название ранее созданной опции.
  8. Укажите будет ли данная опция обязательной при оформлении заказа.
  9. Укажите доступные к продаже варианты товара. В данном примере мы указываем варианты по размеру.
  10. Добавление опции и ее значения в карточку товара

  11. Нажмите на иконку «Сохранить».
  12. Перейдите на страницу редактируемого товара на сайте и обновите ее.
  13. В блоке «Доступные опции» появились заведенные нами модификации товара и их значения.
  14. Доступные опции (модификации) на странице товара

  15. При оформлении заказа пользователь должен будет выбрать среди доступных вариантов по размеры и цвету.
  16. Повторите пп. 4—9 для всех товаров и опций.

 

Видеоурок по управлению опциями товаров

Что такое фильтры?

Фильтр в OpenCart — это инструмент, часть интерфейса сайта, позволяющий выбирать (фильтровать) товары на сайте интернет-магазина по необходимым критериям. Работа фильтров обеспечивается отдельным программным модулем. 

Наличие, в тематических разделах сайта, фильтра:

  • ускоряет подбор товаров на сайте потенциальными покупателями;
  • положительно влияет на ранжирование страниц сайт поисковыми системами.

Фильтры для подбора товаров на странице сайта

Как добавить фильтры?

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Активируйте модуль «Фильтр». Панель управления, далее «Дополнения», далее  «Дополнения». Найти модуль «Фильтр», установить и активировать его.
  3. Как добавить фильтры?

    Как добавить фильтры?

  4. Включить вывод фильтров, например, на страницах разделов каталога. Панель управления, далее «Дизайн», далее  «Схемы», далее в списке макетов найти макет «Категория», добавить вывод фильтра в нужной колонке.
  5. Подключение вывода блока фильтров для необходимого шаблона страницы

  6. Создать группы фильтров и их значения, которые будут далее использоваться в разделах сайта и на страницах товаров. Панель управления, далее «Каталог», далее  «Фильтры». Здесь отображаются все созданные группы фильтров.
  7. Как добавить фильтры?

    Создание группы фильтра и задание его значений

    • (1) — название группы фильтров;
    • (2) — значение по которому будет производится сортировка в данной группе фильтров;
    • (3) — добавление нового значения в группу.
  8. Сопоставить категорию каталога с необходимыми группами фильтров. Панель управления, далее «Каталог», далее  «Категории». Здесь отображаются все созданные разделы каталога. Выбрать необходимую категорию и нажать на иконку «Редактировать», на закладке «Данные» в поле «Фильтры» выбрать раннее созданные группы фильтров и их значения.
  9. Как добавить фильтры?

  10. Сопоставить товары с необходимыми группами фильтров и их значениями. Панель управления, далее «Каталог», далее  «Товары». Здесь отображаются все добавленные в каталог товары. Выбрать необходимый товар и нажать на иконку «Редактировать», на закладке «Связи» в поле «Фильтры» выбрать из раннее созданных групп фильтров и их значений относящиеся к данному товару. Сохранить изменения.
  11. Связка товара со значениями группы фильтров

  12. Перейдите на страницу каталога и обновите ее. В выбранном нами на шаге 3 месте появился блок фильтров.
  13. Блок фильтров на странице категории

CMS OpenCart представляет «из коробки» бесплатный модуль для создания фильтров. Он не очень удобен в работе, при большом количестве товаров и разделов, но отлично работает. Вы также можете скачать, установить и протестировать работу сторонних платных и бесплатных модулей. Они могут значительно ускорить вам работу по созданию фильтров, автоматически связывая атрибуты товаров с элементами фильтра.

 

Видеоурок по управлению фильтрами

 

Вам может быть полезно:

Обратите внимание!

Оформление вывода атрибутов и опций товаров, блока фильтров зависит от используемого на сайте шаблона.

 

См. например:

 

Готовый к работе сайт на OpenCart. Все необходимо для начала продаж уже настроено для вас!

Доработка и настройка сайта под ваши требования.