Как создать слайдер и баннер в opencart

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

программа FastStone Image Viewer

Прежде всего, я бы рекомендовал поставить программу FastStone Image Viewer, которую можно скачать бесплатно с официального сайта. С помощью нее вы сможете легко изменять размер любого изображения, а также сохранять в подходящем формате. Делается это просто. Открываете фотографию с помощью данной программы, далее правой мышкой выбираете «Изменить размер». Желательно снять галочку в «Сохранять пропорции», для того чтобы вы могли ставить нестандартные размеры. В пункте «Сохранить как» подбираете нужный формат, к примеру jpeg или png.

Также рекомендую использовать онлайн сервисы, с помощью которых можно уменьшать размер фотографий, при этом, не теряя их качество. Например, jpegmini.com. Для чего это нужно делать? К примеру, у вас транспортная компания, и ваш сайт предлагает такие услуги как: международные перевозки, доставка грузов, авиаперевозки и т. п. Если на вашем сайте слишком долго будет загружаться фотка какого-нибудь грузовика, то это может отрицательно повлиять на раскрутку вашего сайта. Хотя к opencart это меньше относиться, так как данный движок не потребляет много ресурсов, как это делает wordpress. Фактически, opencart был создан для того, чтобы на него загружали много фоток с товарами.

Как создать слайдер и баннер  в opencart

Чтобы создать слайдер на главной страницы сайта на opencart, нужно прежде всего зайти в Система – Дизайн – Баннеры. Нажать на «Добавить». Придумать название баннера. Дальше нажать на «Добавить баннер». В заголовке нужно что-то написать иначе баннер не добавиться. Кстати, если вы не удалили все языки, кроме русского (или нужного вам), то вам потребуется заполнять все поля заголовка. Если вы не планируете несколько языков для своего магазина, то рекомендую в пункте «Система- Локализация-Языки», удалить все языки, кроме нужного вам. Теперь вам нужно загрузить фотку, нажав Обзор. В некоторых случаях, вам может выскочить сообщение, что вы не можете загрузить выше определенного размера фотку. В настройках opencart прописан лимит размера, загружаемого изображения. Поэтому вам стоит уменьшить размер, это легко сделать с помощью программы FastStone Image Viewer.

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

После того как вы добавили несколько картинок, созданного вами баннера, вам нужно зайти в «Дополнения – Модули – Слайдшоу». Выбрать «Изменить». В пункте баннер выбрать название того баннера, что вы создали. Указать размеры слайда, например 670*370. В «Схема» выбрать главную страницу, то есть Home. И расположение «Верх страницы». Статус Включено. Если нажать Отключено, то слайдер показываться не будет. Порядок сортировки – 1.

Коротенькое видео как создать баннер в опенкарт

По такому принципу вы можете настроить модуль Карусель и другие баннеры. Например, вы хотите настроить отображения баннера слева (сайдбар) на странице каталог товаров. Вам нужно, прежде всего, зайти в «Дизайн – Баннеры», произвести соответствующие настройки (придумать имя баннера, залить фотки), а потом уже зайти в «Модули» и выбрать пункт «Баннер».

Немножко туповата схема настроек баннера и слайда в opencart. Но тем не менее, если сделать эту процедуру несколько раз, то потом можно все это делать на автомате.



5 комментариев. Оставить новый

Татьяна
31.05.2013 3:44 пп

Познавательная статья,спасибо автору.

Большое спасибо! Статья очень помогла!!!

Сергей
28.10.2015 2:18 пп

Спасибо! Ваше пошаговое руководство очень помогло!

Спасибо!

Пригодилось, спасибо, больше не запутаюсь. Значит, сначала «создать» баннер в Setting-Design-Banners. А потом активировать его в Extension-Modules-Banner. Спасибо!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *