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

Гарантированные подарки!

Получите логотип, слайдер, шаблон дизайна, SSL сертификат и многое другое при приобретении интернет-магазина в аренду.

Модуль "Категории на главной"

Актуально для версии магазина: 6.0

В новой версии AdvantShop в функционале сайта с версии 6.0.4 появился модуль "Категории на главной".

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

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

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

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

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

Таблица загруженных изображений.
Рисунок 3. Таблица загруженных изображений.

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

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

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

Рекомендуем

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

Важно

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

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

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

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

Важно

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

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

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

Важно

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

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

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

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

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

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

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

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

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

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

Важно

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

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

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

Заметка

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

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

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

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

Заметка

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

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

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

Заметка

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

Готово. Мы рассмотрели основные настройки модуля.

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

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

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

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

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

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

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