Как вам помочь ?

Категории на главной

Статья актуальна для версии магазина: 12.0 | 10.0

В данной инструкции рассмотрим функционал вывода категорий на главной странице. Вывести категории на главную страницу можно двумя способами: через стандартные настройки шаблона и с помощью модуля "Категории на главной"

Внимание!

Функционал доступен не на всех шаблонах. Если на Вашем шаблоне нет такой возможности, то воспользуйтесь модулем "Категории на главной".

Внимание

Модуль "Категории на главной" может быть установлен только на магазин версии 6.0.4 и выше. Если Ваш магазин версии ниже, пожалуйста, обновите магазин до последней актуальной версии на момент установки модуля.

У каждого из способов есть свои возможности и отличия. Они приведены в таблице ниже. Далее рассмотрим каждый функционал подробнее. 
 

Возможности

Модуль

Транфсормер

количество категорий в блоке

-

+

количество категорий в строке

+

+

регулирование размера изображения

+

+

открывать в новом окне

+

-

не выводить название категории

+

-

не показывать обводку

+

-

расположение категорий

+

-

эффект при наведении

+

-

ссылка категории

+

-

изменить название категории

+

-

настройки для мобильной версии

+

-

 

Вывод категорий на главную с помощью настроек шаблона

Чтобы включить отображение категорий на главной, необходимо перейти в трансформер дизайна (рис.1), далее перейти на вкладку "Главна страница" - "Категории на главной" (рис.2).

Категории на главной - 1027
Рисунок 1.

Категории на главной - 6197
Рисунок 2.

Либо  в панели администрирования пункт меню "Мои сайты" - "Редактировать" - "Параметры магазина" - вкладка "Главная".
Категории на главной - 7272
Рисунок 3.

Отображать категории на главной - отвечает за вывод категорий на главной странице. Если галочка не установлена, категории на главной странице отображаться не будут.

Количество категорий в блоке - отвечает за количество категорий, которое будет отображаться на главной странице в каждом блоке.

Количество категорий в строке - отвечает за количество категорий, которое будет отображаться в одной строке каждого блока на главной странице.

Внимание!

Отобразятся только те категории, для которых включена настройка "Выводить на главной" в настройках категории (рис.4). 

Категории на главной - 6667
Рисунок 4.

Например, при настройках: 3 категорий в блоке (максимальное число категорий выводимых на главной странице) и 3 категории в каждой строке, категорий на главной странице будут расположены следующим образом (рис. 5).

Категории на главной - 6114
Рисунок 5.

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

Заметка

Изображение категории - это "Мини-картинка".
Размер отображаемой фотографии настраивается по инструкции "Управление размерами фотографий".

Заметка

Текст "Популярные категории" изменяется в разделе "Настройки - Системные настройки - Локализация", поиск ключа по значению "Популярные категории".
Подробнее в инструкции "Ручное изменение надписей".

Настройка модуля Категории на главной 
 

Модуль позволяет вывести категории любого уровня вложенности на главной странице интернет-магазина в виде "плитки”, этим он выгодно подчеркнет нужную Вам категорию, соответственно, клиент не сможет пройти мимо Вашего специального предложения.

Теперь подробнее о настройке модуля. Для того, чтобы подключить данный модуль в Вашем интернет-магазине перейдите в панели администрирования магазина в раздел “Модули" -  "Магазин модулей” и установите модуль (рис. 6).

Для того, чтобы подключить данный модуль в Вашем интернет-магазине перейдите в панели администрирования магазина в раздел “Модули” и активируйте модуль
Рисунок 6.

Настройка модуля производится через следующий набор функций (рис.7).

Настройка модуля производится через следующий набор функций
Рисунок 7.

Разберем каждое поле в отдельности.

Количество изображений в строке - настройка вывода количества представлений категорий в строке.

Рекомендуем

Загружать фотографии одинакового размера (одинаковая ширина и высота). Тогда на главной странице они будут отображаться корректно.

Важно

Рекомендуемая ширина изображения для загрузки 575 пикселей. Можно, конечно, и меньше, но если Вы через некоторое время захотите, допустим, выводить не 3 изображения в строку, а 2, то для корректного отображения данная ширина самая оптимальная.

Ширина изображения - изменение ширины изображения (в пикселях, рис. 8).

Ширина изображения.
Рисунок 8.

Указать в зависимости от того:
  • какой режим отображения главной страницы ( "Мои сайты" - "Редактировать" - "Параметры" - "Основные", одна колонка или 2 колонки)
  • сколько баннеров категории расположено в одной строке.
    Ширина пустого пространства при одноколоночном отображении страницы = 1160 px. Если Вы желаете разместить 2 баннера, то 1160 px необходимо разделить на 2, т.е. 1160 / 2 = 580 px.
    И можно оставить некоторый промежуток между баннерами, тогда нужно поставить значение 575. Соответственно, если 3 изображения, то необходимо 1160 / 3 = 387. Можно поставить 380 пикселей.
При двухколоночном отображении, ширина пустого пространства 865 пикселей. Логика расчетов аналогичная.

Важно

При изменении режима отображения главной страницы с двух колонок на одну колонку (в разделе "Мои сайты" - "Редактировать" - "Параметры" - "Основные") необходимо увеличить значения параметров высоты и ширины изображений в настройках модуля "Категории на главной".
При изменении режима отображения с одной колонки на две значение параметров ширины и высоты нужно уменьшить.

Высота изображения - изменение высоты изображения (в пикселях, рис. 9).

Высота изображения.
Рисунок 9.

Важно

Фотографии пережимаются с сохранением пропорциональности оригинальной фотографии (это необходимо во избежание потери качества фото).
То есть, если оригинальная фотография загружена 600*400px.
А пережать необходимо до 300*300px.
Сначала берется большая сторона оригинальной фотографии 600 пережимается до 300px.
Затем фотография пропорционально сжимается относительно оригинала.
Таким образом, вторая сторона получится 200px.

То есть пропорции ширины к высоте первоначальной фотографии сохраняются.

Открывать в новом окне - при наличии галочки при клике на элемент будет осуществляться переход в новое окно браузера.
Не выводить название категорий - при наличии галочки убирает вывод названия категорий, остаются только изображения (рис. 10).

Отображение названия категории.
Рисунок 10.

Не показывать обводку - убирает обводку у категории (рис. 11).

Обводка категории.
Рисунок 11.

Расположение - место, где будет отображаться список категорий на выбор: над или под каруселью (рис. 12 -  13).

Расположение категории под каруселью.
Рисунок 12.

Расположение категории под каруселью.
Рисунок 13.

Эффект при наведении на изображение - выбираем эффект, который можно увидеть при наведении курсора на изображение категории:

  • без эффекта;
  • увеличение;
  • затемнение;
  • контраст.

Важно

Настройка активна только при активности настройки "Не показывать обводку"

Категория - настройка выбора категории (по умолчанию прописывается реальное название категории из каталога, но можно изменить в таблице- чтобы было удобно, если название категории очень длинное нечитабельное и т.д) (рис. 14).

Выбор категории.
Рисунок 14.

Заметка

Возможность редактирования названия категории будет доступна после добавления категории.

Выбрать файл - превью изображения, которое выводится в представлении категории (рис. 15).

Добавление фотографии для категории.
Рисунок 15.

Ссылка - в данном поле вы можете указать URL, отличный от URL выбранной категории (либо указать URL категории), чтобы перенаправить пользователя на отдельный товар, статическую страницу или подборку товаров по фильтру.
Порядок сортировки - установка очередности вывода баннера категории.

Заметка

Поле Название категории, URL, порядок сортировки можно будет изменить после добавления категории, НО изменить само изображение категории можно будет лишь при повторном добавлении категории с необходимыми параметрами.

Результат после сохранения выбранных параметров будет выглядеть так (рис. 16):

Результат настроек при одноколоночном отображении главной страницы.
Рисунок 16.

Настройки для мобильной версии - если данная настройка включена, то можно указать количество изображений в строке и высоту изображения именно для мобильной версии (рис.17).

Модуль "Категории на главной" - 9469
Рисунок 17.

Заметка

Поддержку модуля осуществляет Веб-студия "PROMO" .
Свои замечания и рекомендации по работе модуля Вы можете отправить на почту help@promo-z.ru

Другие статьи по теме

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

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Категории на главной, категории, главная страница, товары, списки, списки товаров, списки товаров на главной, модуль категории на главной

Мы используем cookies. Подробнее...