Как в OpenCart добавить баннер


Как добавить баннер в OpenCart 3

Как добавить баннер в OpenCart 3 между признакам products.like на скриншоте

Чтобы добавить баннер в витрине магазина

  1. Перейти дизайн / баннер в панели администратора
  2. нажмите на добавить новый вариант баннера
  3. Выберите изображение / Изображения
  4. Введите заголовок и ссылку и сохранить его.

Теперь перейдите в Extensions / Расширения и выберите модуль из списка

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

Теперь переходим дизайн / расположение

  1. выберите макет
  2. применять модуль в выбранном положении
  3. Сохрани это

Вот и теперь вы можете увидеть ваше изображение баннера в витрине магазина Надеется ответ на этот вопрос.

Модуль Баннер Плюс для Opencart 2

Модуль Баннер Плюс позволит создавать мультиязычные баннеры в Opencart 2, то есть разные банеры для разных языков. По умолчанию в Баннерах многоязычными являются только заголовки, но с помощью модуля «Баннер +» мультиязычными будут все поля баннера: заголовок, ссылка и картинка. Таким образом можно создавать одинаковые баннеры на разных языках или вообще разные баннеры в зависимости от выбраного языка.

Установка модуля:
1. Распаковать архив и выбрать модуль для вашей версии Opencart
2. Установить модуль через админку (banner_plus.ocmod.zip) или распаковать и загрузить файлы на сервер (модуль заменяет стандартные файлы баннера)
3. Обновить модификации в админке (не обязательно, но рекомендуеться)
4. Перейти в (Система) > Дизайн > Баннеры для создания мультиязычного баннера

Модуль совместим с Opencart 2.0, 2.1, 2.2

    Opencart 2.0 Opencart 2.1 и ocStore 2.1 Opencart 2.2

1. Скачайте и установите фикс Localcopy
2. Обновите модификации в админке
3. Загрузите модуль наново

Ошибка 500 после установки модуля означает, что случилась какая-то критическая ошибка в php.

Для определение проблемы можно:
1. Открыть файл logs/error.log на вашем сервере. В конце этого файла будут все последние критические ошибки.
2. Открыть в админке Инструменты > Логи ошибок — в этом месте отображаются ошибки, но не всегда.
3. Включить вывод ошибок php на экран — добавить следующий код в конец файла .htaccess:

1. Если вы раньше не загружали модули в архиве через админку — вам нужно установить бесплатную модификацию localcopy.ocmod.xml согласно инструкции и после этого переустановить модуль

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

Два варианта решения:

1. Если при установке модуля из админки вылетает эта ошибка — вам нужно установить бесплатную FTP QuickFix модификацию localcopy.ocmod.xml. Она установиться без проблем через тот же установщик дополнений, только после установки не забудьте обновить модификации и затем можете приступать к установке любых модулей на Opencart 2.

2. Также решить эту ошибку можно по другому: прописать доступы к FTP в админке Система > Настройки > Магазин > вкладка FTP.

Если вы видите сообщение » Доступ запрещен! У Вас нет прав для доступа к этой странице. Если она Вам нужна, обратитесь к администратору. » — нужно дать права администраторам на управление модулем или страницей.

Решение: в админке Opencart 2 переходим в Система > Пользователи > Группы пользователей > Администраторы и здесь нажимаем «Выделить все» ниже обоих блоков, затем Сохранить .

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

Решение: в админке Opencart 2 переходим в Система > Пользователи > Группы пользователей > Администраторы и здесь нажимаем «Выделить все» ниже обоих блоков, затем Сохранить .

Если модуль — это один XML файл, то его расширение должно быть .ocmod.xml

Если модуль — это ocmod.zip архив, то его не нужно распаковывать, а устанавливать как есть. В таком архиве обязательно должна быть папка upload (может быть пустой) , а также могут быть файлы модификаций: install.xml , install.php , install.sql . Никаких других файлов в корне архива быть не должно.

Эта ошибка означает, что в загружаемом архиве отсутсвует папка upload. Даже если у модуля нет файлов, кроме модификаций — эта папка должна присутствовать в архиве модуля .ocmod.zip, тогда она должна оставаться пустой.

Эта ошибка означает, что вы пытаетесь установить модификатор, который уже установлен или, возможно, у какого-то вашего модуля такой же ID.

Для решения этой ошибки вам нужно перед установкой удалить старую версию модификации в разделе Модули > Модификации.

Если такого модуля у вас нет, но совпадает ID, тогда нужно поменять значение параметра в устанавливаемом модификаторе XML, сделать этот параметр уникальным дописав несколько символов.

Эта ошибка означает, что вы пытаетесь установить слишком объемный xml- модификатор.

Количество символов в ocmod.xml файле не должно превышать 65535 .

Для решения ошибки нужно разбить xml-файл модификации на несколько частей, главное — не забыть задавать каждой уникальное значение в , можно добавлять к текущему значению цифры 1,2,3. как идентификаторы части.

Еще одним способом решения есть изменения типа в поля, где храняться модификации, в таблице ‘oc_modification’ базы данных. Нужно выполнить следующий SQL-запрос:
ALTER TABLE oc_modification CHANGE xml xml MEDIUMTEXT CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ;

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

Для удаления файлов модулей из админкм в один клик можно использовать модуль

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

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

Нажмите F12 на проблемной странице в браузере — откроется панель вебмастера, где на вкладке Console можно увидеть конфликты в скриптах, если они есть. Данное действие доступно в браузерах Chrome, Opera, Firefox.

Кастомизация OpenCart с помощью модуля html и bootstrap

Привет друзья! Сегодня хочу поделиться тем, как вставить html код в opencart и кастомизировать главную страницу интернет-магазина. Делать мы это будем на дефолтном шаблоне. Я предпочитаю работать с русифицированной сборкой OpenCart под названием OcStore. Хотя OcStore это не официальный релиз, но все же, мне нравится эта сборка, так как она адаптирована под русскоязычный рынок.

Используя стандартный модуль html, мы выведем два блока в шаблоне. Один будет баннером с картинкой на всю его ширину, с текстом и нарисованной в фотошопе кнопкой «Подробнее». Этот блок сделаем кликабельным, и ссылка может вести на карточку товара, акционный товар или категорию. Куда вам будет лучше, туда и поставите свою ссылку. Получится вот такой результат.

Топ-пост этого месяца:  Верстка сайта на основе полученных знаний по Html и CSS (пример использования директив @import и

Второй текстовый блок html opencart представляет собой ряд на всю ширину шаблона с тремя колонками. В каждой колонке будет иконка со шрифта font-awesome, заголовок третьего уровня и параграф с текстом. Такой модуль html дает возможность оптимизировать главную страницу opencart под приоритетные вашему бизнесу поисковые запросы. Выбираете важные ключевые слова из своего семантического ядра, гармонично вставляете их и окружаете небольшим текстом. Такой текстовый блок в html opencart даст отличную возможность для поисковой оптимизации сайта. У меня получился вот такой seo-блок.

Итак, если вам интересно как вставить свой html код в opencart, то читаем далее.

Делаем seo оптимизацию с помощью модуля html

Итак, в консоли управления заходим в меню «Дополнения» и выбираем модуль «HTML содержимое». Жмем на кнопку «Редактировать». В открывшейся странице мы видим поля, которые нужно заполнить:

  1. Название модуля (будет отображаться в админке, для вас);
  2. Заголовок модуля (будет отображаться на сайте, для пользователей);
  3. Описание (html содержимое opencart);
  4. Статус (после редактирования нужно включить).

Переделываем OpenCart в CMS сайта-визитки, или OpenCart «витрина» style

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

OpenCart очень распространенная в наших широтах CMS, в основном из-за простоты кода и понятной структуры каталогов в движке, в отличии от PrestaShop, где чуть сложнее разобраться, или Magento, где вообще черт ногу сломит (обещали 2-ю версию сделать намного проще), что позволяет довольно быстро начинающему создателю сайтов разобраться в системе и переделать ее под себя.

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

И так начнем. Все действия проводились на сборке ocStore 1.5.4.1, но больших отличий от 1.5.1.3, 1.5.3.1, 1.5.5.1 не наблюдается, так что вы можете пробовать на других версиях движка. Все действия желательно проводить на свежеустановленом движке, дабы не нарушить правки кода, если они были до этого. И естественно не вздумайте проделывать все махинации на рабочем проекте в интернете, только локалка или тестовый домен, иначе рискуете уложить рабочий проект! Я обязан был это написать, так как статью будут читать не только многоуважаемые хабраюзеры, а и новички, забредшие сюда из ПС, которые тут же полезут к себе на сайт править все подряд.

Немного теории. OpenCart построен на модели MVC (Model-View-Controller). Model содержит функционал по работе с БД. Находится по адресу /catalog/model и /admin/catalog/model . View – это шаблон, то есть та часть, которая отвечает за вывод данных в браузер. Находится по адресу /catalog/view и /admin/catalog/view . Controller – обрабатывает данные из model и формирует данные для view. Находится по адресу /catalog/controller и /admin/catalog/controller . Все, что мы будем делать, относится только к шаблону, так что все действия будем проводить с view.

Часть 1. Фронт-энд

Для начала отключим ненужные функции, такие как язык и валюта. В админ-панели идем по пути Система – Локализация – Языки и удаляем английский язык. Далее идем в Система – Локализация – Валюты и удаляем евро и рубль, так чтоб осталась одна валюта – доллар. Можно оставить и рубль, но сначала придется ее поставить валютой по умолчанию. Можно, конечно попытать свое счастье в удалении и последней валюты, но тогда мы увидим красивую надпись на красном фоне, глаголящую «Валюту нельзя удалить, поскольку она назначена по умолчанию!». Да в прочем она нам и не мешает.

Далее давайте уберем с шапки корзину, поиск, вход/регистрацию и ссылки под ними. Идем по пути /catalog/view/theme/default/template/common/header.tpl и удаляем строки 52-70:

На освободившееся место можно добавить телефон, skype, icq, email, live support, адрес и другие средства коммуникации. Да в принципе все, что пожелаете. Как это сделать, я думаю, писать не стоит – с принципами блочной верстки все знакомы, а если не знакомы, то в интернете полно материала по данной теме.

Теперь взглянем на главную. Что нам здесь не нравится:

  • Слайдшоу
  • Рекомендуемые
  • Производители

Сначала отключим слайдшоу. Идем в Дополнения – Модули – Слайдшоу и удаляем единственный баннер, который там есть.

Далее у нас на главной висит модуль Рекомендуемые товары, вот его то мы и будем использовать в качестве витрины, поэтому для красоты переименуем его в «Витрина». Идем по пути
/catalog/language/russian/module/featured.php и меняем «Рекомендуем» на «Витрина». Теперь нам нужно переделать вывод самого модуля. Идем по пути /catalog/view/theme/default/template/module/featured.tpl и удаляем строки 11-23:

Этим мы отключили показ цены, рейтинга товара, а так же кнопку Купить. Кому нужен рейтинг товаров, может оставить строки 20-22.

Теперь увеличим картинки товаров в модуле, уж очень они мелкие. Идем в Дополнения – Модули – Рекомендуемые и ставим размер картинок равным 140.

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

Теперь главная у нас выглядит так:

Далее идем в категории. Для начала сменим размер картинок товаров. Идем в Система – Настройки – Мой Магазин – Изображения и меняем размер изображения в списке товаров на 140. Далее поставим режим отображения Сетка по умолчанию. Идем по пути /catalog/view/theme/default/template/product/category.tpl и в 179 строке меняем list на grid:

Далее нам надо убрать цену, кнопку покупки и ссылки В закладки и В сравнение. В этом же файле убираем стоки 77-97:

Вроде бы все, но после сохранения у нас на месте бывших элементов появились загадочные надписи “null”. Это скрипт выбора list/grid отдает теперь уже пустые строки. Поэтому удаляем строки 117-119:

Еще в категориях можно убрать надпись «В этой категории нет товаров». Это нужно тогда, когда вы будете вставлять текст (описание категорий), допустим О нас, Наше портфолио, Наши партнеры, Сотрудничество etc. и соответственно в этих разделах не будет товаров, то будет появляться эта, никому не нужная надпись. Так что в этом же файле убираем строку 104:

Теперь все красиво.

Аналогично убираем лишнее в сравнении товаров. Идем по пути /catalog/view/theme/default/template/product/compare.tpl и убираем строки 35-46:

Теперь идем на страницу товара. Для начала убираем ненужные Бонусные баллы и Наличие. Идем по пути /catalog/view/theme/default/template/product/product.tpl и убираем строки 30-33, оставляя в конце 33-й строки закрывающий тег :

Далее там же уберем цену. Убираем строки 34-57:

Убираем так же кнопку Купить, количество, добавление в закладки и в сравнение. Убираем строки 204-218:

Теперь страница товара выгладит так:

Остался футер. Идем по пути /catalog/view/theme/default/template/common/footer.tpl и убираем строки 29-37:

Топ-пост этого месяца:  Web-программирование

Этим мы убрали блок Личный Кабинет в футере. На его место можно добавить твиттер ленту или же вконтакте/фейсбук плагин, в прочем все, что прийдется по вкусу.

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

В данном примере все товары перекочевали в раздел Наша продукция.

С фронт-эндом закончено.

Часть 2. Бек-энд

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

OCDbanner: Баннеры | Слайдеры | Видео ver.3.0

Совместимость OpenCart 2.1, OpenCart 2.3, OpenCart 3.0, OCStore 2.1, OCStore 2.3

OCDbanner: Баннеры | Слайдеры | Видео — многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте.

Ver.3 доступна пока только для oc2.3 и oc2.1


Основные настройки для баннеров в группе:
1) Вывод названия группы
2) Три режима отображения
— Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду)
— Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешенией), расстояние между баннерами для различных разрешений)
— Произвольная сетка (настраиваемое расстояние между баннерами)
3) Размеры изображений
4) Статус группы

При режимах отображения группы «Сетка Bootstrap» и «Произвольная сетка» для кажого баннера можно выбрать один из трех типов:
1) Изображение
2) Видео
3) Слайдер

При режиме отображения группы «Карусель» для каждого баннера можно выбрать один из двух типов:

1) Изображение
2) Видео

Абсолютно любому баннеру можно указать статус включено/отключено.

Мультиязычные настройки для типа баннера «Изображение»:
1) Изображение.
2) Эффект при наведении на изображение (12 эффектов).
3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
4) Alt для изображения.
5) Статус заголовка.
6) Позиция для заголовка (перед изображением, после изображения, в теле изображения).
7) Выравнивание заголовка (по левому краю, по правому краю, по центру).
8) Ссылка.
9) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
11) Статус описания баннера.
12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор).
13) Порядок сортировки.

Мультиязычные настройки для типа баннера «Видео»:

1) Выбор видеохостинга (YouTube или Vimeo).
2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID.
3) Заголовок для видео.
4) Статус заголовка.
5) Позиция для заголовка (перед или после видеоролика).
6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
7) Порядок сортировки.

Мультиязычные настройки для типа баннера «Слайдер»:
1) Статус слайдера.
2) Изображение.
3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
4) Alt для изображения.
5) Статус заголовка.
6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
7) Ссылка.
8) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
10) Статус описания баннера
11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор)
12) Порядок сортировки.

Уровни доступа:
1) Показ баннеров для разных магазинов
2) Показ баннеров для разных групп покупателей
3) Показ баннеров для разных категорий

При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка «CSS». Если поле на данной вкладке заполнено, то подключается дополнительный файл стилей, соответствующий данному модулю.

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

Не перезаписывает системных файлов движка
Не использует VQmod
Не использует OCMOD
Не использует ioncube

Административная часть: http://demo.oc-day.com/admin/index.php?route=extension/module/ocdbanner
Логин: demo
Пароль: demo

Установка

1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках «Разрешить просмотр» и «Разрешить редактировать» отметить галочкой extension/module/ocdbanner)
3) В настройках модуля на вкладке «Доступы» обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль.
4) Вывести созданный модуль на необходимой странице.

Обновление
1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
2) Зайти в модуль(и) и пересохранить настройки. Это позволит к каждому созданному модулю прописать свой идентификатор
3) Если используется карусель, то в настройках необходимо прописать расстояние между баннерами для каждого разрешения.

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

Лицензия!
1) Данный модуль реализуется по принципу: одна лицензия — один домен.
2) Запрещена перепродажа модуля без согласия автора.
3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля.

Для получения новой версии модуля оправьте на e-mail: support@oc-day.com или посредством личных сообщений следующую информацию:
1) Номер заказа.
2) Ваш e-mail, на который будут высланы архив с файлами модуля.
3) Адрес сайта, на котором будет установлен модуль.
4) Версию движка/сборки.
Архив с файлами модуля будет выслан только для указанной версии движка/сборки.

2020.07.03
ver.3
Изменено:
— настройка показа заголовка баннера переехала из группы в каждый баннер
— для всех версий скрипт карусели был заменен на Swiper
Добавлено:
— Статус для группы
— Расстояние между баннерами в режиме «Карусель»
— Статус баннера
— Тип баннера (изображение, видео, слайдер)
— Alt для изображений
— поддержка html в заголовках баннеров
— эффекты при наведении на изображение

2020.11.11
Добавлен новый режим «Произвольная сетка»

2020.10.30
Добавлена версия для opencart 3.0.2.0

2020.10.18
Добавлена версия для oc2.1

Основное
Способ распространения Платно
Совместимость OpenCart 2.1, OpenCart 2.3, OpenCart 3.0, OCStore 2.1, OCStore 2.3
VQmod Нет
Ocmod Нет
Статистика
В первый раз файл добавлен 15.10.2020
Последнее изменение 25.06.2020
Просмотров 7368
Покупок 41

Написать

Ваш отзыв: Внимание: HTML не поддерживается! Используйте обычный текст.

Как добавить баннер в Opencart 3

Как добавить баннер в Opencart 3 между избранными продуктами. Как на скриншоте

Чтобы добавить баннер в витрину магазина

  1. Перейти к дизайну/баннеру в панели администратора
  2. нажмите кнопку «Добавить новый баннер»
  3. Выберите изображение/изображения
  4. Введите название и ссылку и сохраните его.

Теперь перейдите в Extensions/Extensions и выберите модуль из списка.

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

Теперь перейдите к дизайну/макету

  1. выбрать макет
  2. применить модуль в выбранной позиции
  3. Сохрани это

Теперь вы можете увидеть изображение своего баннера в магазине. Надеюсь, ответ на вопрос.

Подписи к изображениям на баннере Opencart 2.x

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

Меняем этот кусочек кода:

Во-первых, мы добавили проверку, есть ли у нас подпись к слайду, во вторых вывели подпись в отдельный слой. Стили слоя можно менять по своёму усмотрению, но вот эту часть: «position:absolute; bottom:0px; left:0px; width:100%;» желательно оставить неизменной, она располагает подпись внизу баннера.

Подписи к изображениям добавляются из админки, в меню создания баннера.

2 марта вышло большое обновление Opencart. В этот раз изменения глобальные.

Вслед за большим обновлением Opencart, подготовил обновление для OpenSecurity.

OpenCart Software Solutions

Комплексные решения для программного обеспечения в электронной коммерции.

Translate

20 июля 2013 г.

OpenCart Banner Module: расширение возможностей стандартного модуля

В этой статье речь пойдёт о расширении возможностей одного из стандартных модулей OpenCart, модуля показа баннеров. Цель доработки – получить возможность показывать на страницах магазина интерактивные баннеры в виде flash-объектов, java-апплетов, блоков javascript или любого другого кода в формате гипертекстовой разметки. Основная ставка сделана на размещение рекламных баннеров программ Google AdWords или Яндекс.Директ, также будет не менее интересно и полезно внедрить новые сервисы для покупателей на базе технологий Ajax.

В общем виде одна из форм модуля баннеров (см. меню Система/Дизайн/Баннеры) будет дополнена новой кнопкой, при нажатии которой можно выбрать один из типов баннера: изображение или код HTML.

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

Внимание! Перед каждой модификацией сайта или базы данных не забывайте делать резервные копиии.

Порядок внесения изменений

1. Используя веб-приложение PhpMyAdmin или консоль MySQL в структуру таблицы banner_image добавьте поле code с типом данных TEXT.

/admin/model/design/banner.php для функций addBanner() и editBanner() в конструкции INSERT INTO для таблицы banner_image в конец текста запроса добавьте code = ‘» . $this->db->escape($banner_image[‘code’]) . «‘
2.1 Здесь же для функции getBannerImages() в переменную массива данных $banner_image_data[] добавьте ‘code’ => $banner_image[‘code’]

3. В файлах

/admin/language/english/design/banner.php добавим соответствующие им переменные перевода:

$_[‘text_empty’] = ‘Очистить поле’;
$_[‘entry_code’] = ‘Код HTML:’;
$_[‘button_code’] = ‘Код HTML’;
$_[‘button_image’] = ‘Изображение’;
$_[‘text_empty’] = ‘Clear Field’;
$_[‘entry_code’] = ‘HTML Code:’;
$_[‘button_code’] = ‘HTML Code’;
$_[‘button_image’] = ‘Image’;

4. В файле контроллера модуля баннера

/admin/controller/design/banner.php для функции getForm() определяем переменные перевода из п.3:

$this->data[‘text_empty’] = $this->language->get(‘text_empty’);
$this->data[‘entry_code’] = $this->language->get(‘entry_code’);
$this->data[‘button_code’] = $this->language->get(‘button_code’);
$this->data[‘button_image’] = $this->language->get(‘button_image’);

Для этой же функции в переменную массива данных $this->data[‘banner_images’][] добавляем: ‘code’ => $banner_image[‘code’]

5. Шаблон формы

/admin/view/template/design/banner_form.tpl полностью заменяем на файл, размещенный по указанной ссылке.

/catalog/controller/module/banner.php после строки foreach ($results as $result) <добавляем следующий код:

/catalog/view/theme/default/template/module/banner.tpl находим строку и заменяем на код ниже:

Готово! Дополнительных настроек не требуется, все ранее сохранённые баннеры в системе останутся, для них станет доступно новое поле для ввода кода.

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

Дизайн

Содержание

Схемы

OpenCart предоставляет следующие схемы страниц магазина по-умолчанию:

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

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

По-умолчанию макеты страниц расположены в папке OpenCart: /catalog/view/theme/default/template/. На картинке выше, изображено расположение схем, содержащихся в папке. Чтобы добавить новый макет страницы, файл с макетом необходимо загрузить в новую папку.

Загрузив файл, переходим Система > Дизайн > Схемы и нажимаем добавить. Далее, указывает название макета, магазин и путь. В строке путь необходимо указать название папки, в которой содержится файл нового макета. OpenCart поможет отыскать папку /catalog/view/theme/default/template/, поэтому вам достаточно будет ввести только название папки.

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

Баннеры

Баннеры — это изображения-ссылки на товары, отображаемые на витрине интернет-магазина. Используют баннеры для привлечения внимания покупателей к определенному товару. Настроить работу баннера можно в панели администратора в меню Система > Дизайн > Баннеры.

Использование баннеров в модулях

Карусель и Баннер — два модуля в разделе Модули, в которые используют в своей работе баннеры. Модуль Баннер позволяет определить макет расположения баннера и его позицию. В модуле Карусель, баннер действует как слайд-шоу или карусель. Нажимая на стрелку покупатель сможет просмотреть все изображения.

Чтобы создать новый баннер карусели, отображающий логотипы производителей, выполните переход Система > Дизайн > Баннер и нажмите добавить. Указав название баннера, нажимаем Добавить баннер и устанавливаем иконку баннера. Чтобы установить иконку баннера, необходимо заполнить следующие поля формы:

  • Заголовок: проводя по иконке, покупатель буде видеть данный заголовок.
  • Ссылка: адрес страницы, на которую будет переправлен покупатель после клика по баннеру. Данным, мы соединяем изображение со страницей баннера. Ссылка не подразумевает содержание данной части «www.store.com».
  • Изображение: добавьте изображение, используя Менеджер изображений.

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

Рекомендуем, перепроверить созданные ссылки. Если при нажатии на логотип производителя, вы не переходите на страницу его расположения, еще раз проверьте правильность ввода адреса страницы в панели администратора.

Украшаем наш интернет магазин с помощью модуля «Карусель» на Opencart

16 августа 2013 By Сергей Нечипорук 18 комментариев

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

Давайте рассмотрим, как настроить вывод этого модуля у себя на сайте.

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

Переходим в админку Opencart заходим в раздел «Система» — «Дизайн» — «Банеры». Тут перед вами появится список всех созданных баннеров.

Мы жмем «Добавить».

Вводим «Название баннера» и выставляем «Статус» в значение включено. Далее снизу нажимаем «Добавить баннер».

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

Жмем «Сохранить» и переходим в раздел «Дополнения»«Модули». Находим модуль «Карусель» и жмем «Изменить».

Нажимаем добавить модуль и настраиваем все поля под свои потребности.

  • Баннер – выбираем баннер, который мы создавали на прошлом шаге;
  • Лимит – сколько изображений будет отображаться;
  • Прокрутка – интервал прокрутки;
  • Ширина и высота изображения;
  • Схема – раздел сайта, в котором будет отображаться модуль (категории, карточка товара);
  • Расположение – выбираем, в каком месте на странице он будет выводиться;
  • Статус – вкл/выкл;
  • Порядок сортировки.

После настроек жмем «Сохранить» и идем, проверяем результат на сайте. На сегодня все, подписывайтесь на уроки.

Топ-пост этого месяца:  Сравнение методов Javascript Array push и concat разница в производительности объединения массивов
Добавить комментарий