Ваш помощник
на пути к успеху
7 (495) 545-49-21
8 (800) 500-30-29
Заказ интернет-магазинов,
служба поддержки
режим работы: 09:00 - 18:00 (мск)

13.7. Галерея на главной странице

Для привлечения внимания к каким-либо товарам или акциям, проводимым в вашем магазине, вы можете разместить на главной странице сайта галерею изображений, сменяющих друг друга автоматически с некоторым интервалом. На рис. 13.7.1 галерея выделена прямоугольником красного цвета.


Рис. 13.7.1. Галерея на главной странице сайта интернет-магазина

Добавление изображений в галерею

Чтобы добавить изображения в галерею, откройте в административном сайте вкладку Разделы, а затем вкладку Галерея на главной странице (рис. 13.7.2).


Рис. 13.7.2. Добавление изображения в галерею

Выберите файл изображения на локальном компьютере с помощью кнопки Обзор в блоке Файл баннера.  В поле Ссылка укажите URL-адрес страницы, на которую должен попасть посетитель, щелкнувший баннер. Заметим, что для каждого баннера вы можете указать свою ссылку.

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

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

При необходимости вы можете сдвинуть изображение баннера на заданное количество пикселов относительно центра. Для этого нужно отметить флажок Сдвинуть изображение на... и указать количество пикселов. Это бывает нужно для совместного использования с надписями на баннере, если в баннере используется рисунок на белом фоне.

Добавленные изображения появятся в нижней части страницы редактирования настроек галереи (рис. 13.7.3) в разделе Изображения в галерее. Здесь вы сможете редактировать ссылки для изображений, вес сортировки, заголовок, подзаголовок и описание. Также есть возможность скрыть и удалить баннер.


Рис. 13.7.3. Список добавленных изображений

Выбор размеров баннера для галереи

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

Заметим, что в настройках структуры страниц имеется возможность показывать или не показывать левый столбец на главной странице. От этой настройки зависит оптимальные размеры баннера.

Итак, прежде всего откройте в административном сайте раздел Настройки на вкладке Структура страниц. Проферьте состояние файлжка Показывать левый столбец на главной странице. Если этот флажок отмечен, то размеры баннера галереи нужно задавать с учетом наличия этого столбца.

На рис. 13.7.4 мы показали размеры баннера. Это ширина и высота баннера, а также так называемая ширина контента.


Рис. 13.7.4. Размеры изображений для галереи

Что касается высоты баннера, то она должна быть равной 374 пикселам. 

Ширина баннера зависит от того, отображается ли на главной странице левой столбец. Если отображается, то эта ширина должна быть равна 1030 пикселов, а если нет — 1280 пикселов.

Теперь о ширине контента баннера.

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

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

Если на сайте отображается левый столбец, ширина контента должна составлять 744 пиксела, а если не отображается — 953 пиксела. Все эелементы изображений для галереи, выходящие за рамки ширины контента, могут быть обрезаны, если ширины окна браузера у посетителя недостаточно для отображения полного изображения.

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