Баннеры

1. Обзор
2. Обновление баннеров при замене шаблона
3. Список баннеров по умолчанию
• 3.1. Баннеры FullMarket
• 3.2. Баннеры Multishop
4. Настройки отображения баннера
• 4.1. Редактирование баннера
• 4.2. Вкладка "Параметры" баннера
5. Вывод баннера при помощи Xbanners

1. Обзор

Начиная с версии системы 4.8.1, управление баннерами реализовано через простой и интуитивно понятный модуль Xbanners, который находится в разделе "Модули" - "Баннеры":

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

Чтобы вывести модуль в список меню, следует перевести в положение "Активно" графические переключатели напротив данного модуля в колонке "Показывать в меню":

Модуль Xbanners находится в статусе наработки на перспективу, так как на момент написания статьи он работает только с 2 последними шаблонами:

• Для сборки ImageCMS Shop - только с шаблонами FullMarket и Multishop;
• Для сборки ImageCMS Corporate - с шаблоном Businessimage.

В будущем планируется перевести все шаблоны с модуля "Управление баннерами" (Banners) на модуль "Хbanners".

Если вы используете более ранний шаблон, в таком случае управление баннерами осуществляется при помощи модуля "Управление баннерами" (banners).

Подробнее о работе модуля "Управление баннерами" (banners):

Примечательными особенностями модуля Хbanners является следующее:

1. Модуль изменяет изначальное имя изображения, которое используется в качестве слайда.
2. Модуль кодирует в исходном коде ссылку, указанную для слайда, в целях избежания попадания в индекс дублей ссылок. Кодированная ссылка имеет примерно следующий вид: /xbanners/go/34173cb38f07f89ddbebc2ac9128303f
3. Картинки, загруженные в модуль, хранятся на сервере в папке \uploads\images\bimages

2. Обновление баннеров при замене шаблона

В каждом шаблоне по умолчанию предусмотрены:

• Места в дизайне для вывода баннеров
• Параметры изображений, используемых для создания баннера;
• Группы и сущности баннеров.

При переходе от одного шаблона к другому случается, что они не всегда совпадают. Совпадают только если новый шаблон создан на основе предыдущего шаблона. Например, при переходе из шаблона Light на Light Vertical или Light Red.

В таком случае при переходе на шаблон, поддерживающий работу модуля "Хbanners", вам необходимо обновить список баннеров для нового шаблона.

Для обновления списка баннеров после замены дизайна, вам необходимо перейти к модулю ("Модули" - "Баннеры") и кликнуть по кнопке "Обновление баннеров".

Обновление и сохранение списка происходит автоматически и не требует от администратора никаких дополнительных действий.

После появления в правом углу экрана уведомления об успешном сохранении нового списка, необходимо очистить кэш ("Настройки" - "Очистить кэш")

3. Список баннеров по умолчанию

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

Списки могут отличаться в зависимости от используемого шаблона (подробнее - в пунктах 3.1 и 3.2).

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

3.1. Баннеры FullMarket

Список баннеров, по умолчанию предусмотренных в шаблоне FullMarket, состоит из:

• Main left
• Main center
• Main right top
• Main right bottom
• Category banner
• Product banner

Просмотреть схематическое расположение баннера в шаблоне (относительно других элементов страницы) вы можете кликнув по пиктограмме глаза в строке интересующего вас баннера, в колонке "Визуализация":

Подробнее:

• Main left - баннер размером 238x248 px, который выводится только на главной странице слева:

• Main center - баннер размером 740x248 px, который выводится только на главной странице по центру:

• Main right top - баннер размером 458x124 px, который выводится только на главной странице справа вверху:

• Main right bottom - баннер размером 458x124 px, который выводится только на главной странице справа внизу:

• Category banner - баннер размером 228x268 px, который выводится только на страницах товарных категорий (опционально, на всех или на определенной. Подробнее в пункте 4):

• Product banner - баннер размером 310x278 px, который выводится только на страницах товаров, (опционально, на всех или на определенной. Подробнее в пункте 4):

3.2. Баннеры Multishop

Список баннеров, по умолчанию предусмотренных в шаблоне Multishop, состоит из:

• Catalog horisontal banner
• Homepage big banner
• Sidebar banner

Просмотреть схематическое расположение баннера в шаблоне (относительно других элементов страницы) вы можете кликнув по пиктограмме глаза в строке интересующего вас баннера, в колонке "Визуализация":

Подробнее:

• Homepage big banner - баннер размером 1140x400 рх, который выводится только на главной странице;

• Catalog horisontal banner - баннер размером 850x160 px, который выводится только на страницах товарных категорий (опционально, на всех или на определенной. Подробнее в пункте 4):

• Sidebar banner - баннер размером 260x400 px, который выводится только на страницах товаров, (опционально, на всех или на определенной. Подробнее в пункте 4):

4. Настройки отображения баннера

Модуль предусматривает возможность гибкой и удобной настройки отображения баннера на страницах магазинах. Эти настройки осуществляются в форме редактирования уже созданного баннера (А) и вкладки "Параметры" (В).

4.1. Редактирование баннера

Форма редактирования становится доступной после клика по ссылке баннера в списке и последующего клика по кнопке "Редактировать" под баннером, подлежащем правке.

В открывшейся форме вы можете отредактировать следующее:

• Отредактировать название слайда (баннера) в соответствующей строке:

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

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

Деактивировать баннер можно изменением положения ползунка.

• Чтобы отредактировать ссылку, пропишите необходимый URL в поле "URL-адрес":

Также при помощи ячейки "Открывать страницу перехода с баннера в новой вкладке" вы можете указать открывать ли ссылку в новом окне (присвоить ссылке атрибут target _blank).

• Указать на каких именно страницах отображать баннер. По умолчанию слайд выводится на всех страницах определенного типа. Если же вы желаете вывести баннер на каком-то отдельном товаре, вам необходимо:

1. Снять значение "Выбрано" с ячейки "Показывать на каждой странице";
2. В появившемся выпадающем списке выбрать необходимую категорию/товар, на странице которого должен отображаться баннер (при этом множественный выбор товаров/категорий из списка не допускается).

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

• Нанести текст на баннер можно в поле "Описание":

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

• Отредактировать изображение можно кликом по его миниатюре в форме редактирования. Далее откроется форма, которая позволит вам выбрать изображение с локального компьютера.

В качестве изображения для слайда рекомендуется использовать картинку формата .png или .jpg, изначально соответствующую необходимым размерам.

Изображения для слайдов содержатся в папке \uploads\images\bimages.

4.2. Вкладка "Параметры" баннера

Вкладка "Параметры" становится доступной после клика по ссылке баннера в списке и последующем клике по вкладке "Параметры":

Открывшаяся форма предоставляет возможность настроить отображение следующим образом:

• Чтобы изменить название баннера, выводимое в списке баннеров модуля Хbanners, пропишите новое название в соответствующем поле:

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

• Настройка автопрокрутки. Чтобы указать, должны ли слайды прокручиваться автоматически, задайте значение в ячейке "Автопрокрутка". Эта опция будет работать только при условии, если в баннере выведено 2 и больше слайдов. Если в баннере 1 слайд - автопрокрутка работать не будет.

Если этот параметр выбран, слайды будут прокручиваться автоматически без действия пользователя (интервал прокрутки (в секундах) указывается в поле "Скорость автопрокрутки, (сек)" в этой же форме. Поле появляется в случае, если значение ячейки "Автопрокрутка" - "Выбрано". Параметр в поле "Скорость автопрокрутки, (сек)" выражает время, на которое слайд "задерживается" в интерфейсе покупателя. Его необходимо прописывать исключительно цифрами, в секундах. Допускаются целые и дробовые значения - например время отображения слайда в пять с половиной секунд необходимо прописать как 5.5.

• Настройка отображения стрелок навигации по краям слайдера. Чтобы указать, должны ли отображаться стрелки, задайте значение в ячейке "Навигация стрелками". Эта опция будет работать только при условии, если в баннере выведено 2 и больше слайдов. Если в баннере 1 слайд - стрелки отображаться не будут.

Отображение в интерфейсе покупателя:

• Настройка отображения буллетов (элемента навигации) по центру слайдера. Чтобы указать, должны ли отображаться булеты, задайте значение в ячейке "Буллеты". Эта опция будет работать только при условии, если в баннере выведено 2 и больше слайдов. Если в баннере 1 слайд - буллеты отображаться не будут.

Отображение в интерфейсе покупателя:

• Присваивание Fade-эффекта при изменении слайдов. Fade-эффект позволяет убрать из отображения момент перелистывания слайдов. Благодаря Fade-эффекту слайдеры будут плавно заменять друг друга.

Fade эффект включен:

Fade эффект выключен:

Эта опция будет работать только при условии, если в баннере выведено 2 и больше слайдов. Если в баннере 1 слайд, тогда Fade-эффект не имеет смысла.

• Циклическая (бесконечная) прокрутка. Задать бесконечную прокрутку можно отметив ячейку "Бесконечность прокрутки".

Если в параметре баннера это значение:

1. Выбрано, то прокрутка будет осуществляться циклически, по логике 1 - 2 - 3 - 1 - 2 - 3... (если в баннер выведено три слайда).
2. Не выбрано, то прокрутка будет осуществляться от первого слайда до последнего и наоборот, по логике 1 - 2 - 3 - 2 - 1... (если в баннер выведено три слайда).

Эта опция будет работать только при условии, если в баннере выведено 2 и больше слайдов.

• Указать скорость прокрутки (в секундах) можно в поле "Скорость прокрутки (сек)".

Данный параметр - это интервал времени в секундах, который выражает время, за которое слайды меняют друг друга в интерфейсе покупателя. Его необходимо прописывать исключительно цифрами (в секундах). Допускаются целые и дробовые значения - например скорость замены слайда в полторы секунды необходимо прописать как 1.5, а в одну секунду - как 1 и т.д.

Эта опция будет работать только при условии, если в баннере выведено 2 и больше слайдов.

5. Вывод баннера при помощи Xbanners

Чтобы вывести баннер, вне зависимости от места его отображения, необходимо осуществить следующее:

Шаг 1: Открыть модуль Хbanners

Модуль Хbanners находится в разделе "Модули" - "Баннеры":

Подробнее - смотрите пункт 1 "Обзор".

Шаг 2: Открыть необходимую группу баннеров.

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

Для выбора группы необходимо кликнуть по ссылке в колонке "Позиция баннера". Для схематического отображения местаположения баннера воспользуйтесь колонкой "Визуализация":

Подробнее - пункты 3.1 и 3.2.

Шаг 3: Открыть форму редактирования или создания слайда.

В зависимости от того, хотите ли вы отредактировать уже существующий слайд или добавить новый, вам необходимо кликнуть:

• Для создания - по кнопке "Добавить слайд"
• Для редактирования - по кнопке "Редактировать", под баннером, подлежащем правке.

После этого откроется аналогичная форма редактирования/создания.

Шаг 4: Выбор изображения

Выберите и загрузите на сервер изображения, кликнув по полю в левой части формы:

Изображение должно быть предварительно оптимизировано под требования шаблона (иметь соответствующий изначальный формат и размер).

Изображения для слайдов будут загружены в папку \uploads\images\bimages.

Шаг 5: Указание основных данных для слайда

Укажите основные данные о слайде в правой части формы.

Подробнее - в пункте 4.1 "Редактирование баннера"

Шаг 6: Клик по кнопке "Добавить" (сохранение отдельного слайда).

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

После клика по кнопке "Добавить" вы можете приступить:

• к сохранению баннера в целом (в таком случае, следующий шаг - Шаг 7);
• или к добавлению очередного слайда (в таком случае, следующий шаг - Шаг 1). Вам следует еще раз повторить все шаги, в той же последовательности.

Шаг 7: Сохранение баннера в целом

Клик по кнопке "Сохранить".

Шаг 8: Настройка параметров отображения.

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

После настройки параметров необходимо повторить Шаг 7 (сохранение баннера в целом, клик по кнопке "Сохранить").

Подробнее в пункте 4.2. Вкладка "Параметры" баннера