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

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

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

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

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

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

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

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

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

Например:

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

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

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

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

 

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

 

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

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

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

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

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

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

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

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

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

Атрибуты или свойства на странице товара на сайте

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поля при добавлении новой опции в админке

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

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

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

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

Доступные опции (модификации) на странице товара

  1. Зайдите в панель управления вашим сайтом: AdressSaita.com/admin/.
  2. Перейдите в раздел «Каталог», далее «Товары».
  3. В этом разделе админки вы можете увидеть все добавленные ранее товары.
  4. Для добавления опций и его значения в карточку товара кликните на иконке «Редактировать» рядом с необходимым товаром.
  5. Перейдите в закладку «Опции».
  6. Выберите из выпадающего списка или найдите название ранее созданной опции.
  7. Укажите будет ли данная опция обязательной при оформлении заказа.
  8. Укажите доступные к продаже варианты товара. В данном примере мы указываем варианты по размеру.
  9. Нажмите на иконку «Сохранить».
  10. Перейдите на страницу редактируемого товара на сайте и обновите ее.
  11. В блоке «Доступные опции» появились заведенные нами модификации товара и их значения.
  12. При оформлении заказа пользователь должен будет выбрать среди доступных вариантов по размеры и цвету.
  13. Повторите пп. 4—9 для всех товаров и опций.

 

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

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

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

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

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

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

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

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

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

Подключение вывода блока фильтров для необходимого шаблона страницы

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

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

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

Связка товара со значениями группы фильтров

Блок фильтров на странице категории

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

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

 

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

 

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

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

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

 

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

 

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

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