Перейти к содержанию

Рекомендуемые сообщения

Всем доброго дня,

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

 

В атаче пример банеров

 

 

banners_screen.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ставьте этот модуль  и все

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

HTML модуля у вас разве нету?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А дальше

 

Дизайн\баннеры

 

Создаете баннер

 

Потом 

 

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

 

Потом дизайн\схема, выбираете нужную страницу и ставите ваши баннеры в нужных вам местах

Изменено пользователем Yurta

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, buslikdrev сказал:

HTML модуля у вас разве нету?

Есть, а им можно сделать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, Ahmadjon сказал:

Есть, а им можно сделать?

да

Изменено пользователем buslikdrev

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, buslikdrev сказал:

да

Не подскажете как можно реализовать? Пожалуйста

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, Ahmadjon сказал:

Не подскажете как можно реализовать? Пожалуйста

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, Ahmadjon сказал:

Не подскажете как можно реализовать? Пожалуйста

 

 

вот так, если у вас подключен bootstrap

 

<div class="row">
<!-- 	Первые 3 баннера в ряд -->
	<div class="col-lg-4">
		<div class="banner1">
			<a href="">
				<img src="" alt="">
			</a>
		</div>
	</div>
	<div class="col-lg-4">
		<div class="banner1">
			<a href="">
				<img src="" alt="">
			</a>
		</div>
	</div>
		<div class="col-lg-4">
		<div class="banner1">
			<a href="">
				<img src="" alt="">
			</a>
		</div>
	</div>
</div>


<div class="row">
  <!-- 	Большой баннер -->
	<div class="col-lg-8">
		<div class="banner-big">
			<a href="">
				<img src="" alt="">
			</a>
		</div>
	</div>
<!-- 	2 маленьких в правой части -->
	<div class="col-lg-4">
		<div class="banner-small">
			<a href="">
				<img src="" alt="">
			</a>
		</div>
	</div>
		<div class="col-lg-4">
		<div class="banner-small">
			<a href="">
				<img src="" alt="">
			</a>
		</div>
	</div>
</div>

 

Изменено пользователем Yurta

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, buslikdrev сказал:

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

Спасибо. Я думал у вас бесплатный вариант реализации есть по этому обратился. Извините. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, Yurta сказал:

вот так, если у вас подключен bootstrap

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, Ahmadjon сказал:

Спасибо. Я думал у вас бесплатный вариант реализации есть по этому обратился. Извините. 

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

Назовите вообще версию движка.

Изменено пользователем buslikdrev

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, Ahmadjon сказал:

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

Да, это статичо будет, и нужно будет кодить. 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Yurta, Огромнейшее спасибо за полную предоставленную информацию. Очень благодарен

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12 минут назад, buslikdrev сказал:

Назовите вообще версию движка.

OCStore 2.3

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
24 минуты назад, Ahmadjon сказал:

Yurta, Огромнейшее спасибо за полную предоставленную информацию. Очень благодарен

Не за что

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От alen
      800.00 руб
      Скачать/Купить дополнение


      Модуль "Баннеры расширенные" для OpenCart 1.5.+
      Возможности:
      1. Разные наборы баннеров для разных страниц – то есть, например для двух разных категорий можно создать два разных набора баннеров
      2. Один и тот же баннер может использоваться в разных наборах
      3. Один баннер можно отключить из показа на всех страницах одним кликом
      4. Установка даты начала и окончания показа баннера или слайдера (по-умолчанию даты не указываются, то есть нет ограничения по датам для показа)
      5. Все настройки производятся в одном месте (Дополнения - Модули - Баннеры расширенные), не нужно переходить по нескольким пунктам меню
      В системе управления OpenCart существует функционал, который позволяет размещать баннеры и слайд-шоу на страницах сайта, но этот функционал не предусматривает следующее:
      нет возможности насройки разных баннеров (слайд-шоу) для разных категорий, товаров, производителей - то есть если задается баннер для схемы "Категории", то он будет отображаться во всех категориях нет возможности настраивать даты показа баннера (слайд-шоу) - то есть не возможно настроить план рекламных акций Эти недостатки не дают в полной мере использовать инструмент баннерной рекламы на вашем сайте.
      Используется скрипт стандартного NivoSlider. Не использует vqMod.
      Ипользуется на сайтах:
      feelbeauty.ru
      isplit.ru
      vircom-energo.ru
      robocarshop.ru
      sredstvo-ot-komarov.ru
      krovatmashina.ru
      Установка:
      1. Из директории upload скопировать всё в корень сайта.
      2. Выполнить установку для модуля «Баннеры расширенные» в пункте Дополнения – Модули.
      3. Настроить и включить модуль.
      Демо:
      Демо-сайт: http://standart.wemake.org.ua
      Админка демо-сайта: http://standart.wemake.org.ua/admin (логин: demo, пароль: demo)
      Лицензия:
      1. Запрещается передавать файлы шаблона третьим лицам, как на платной, так и на безвозмездной основе.
      2. Покупатель имеет право использовать приобретенный модуль только для установки на собственный интернет-магазин.
      3. Модуль реализуется по принципу "1 покупатель – 1 домен"
      4. Если покупатель будет уличен в нарушении правил описанных выше – он автоматически лишается технической поддержки.
      5. За нарушение пункта 1 - данного правила, покупатель будет забанен на форуме. Читайте Правила форума.
      Техническая поддержка:
      Техническая поддержка модуля «Баннеры расширенные» доступна только пользователям, числящимся в списке покупателей.
      Разработка модуля:
      Группа разработчиков WeMake
      Добавил alen Добавлено 12.11.2013 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Старая цена Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1 OpenCart.Pro, ocShop  
    • От alen
      Возможности:
      1. Разные наборы баннеров для разных страниц – то есть, например для двух разных категорий можно создать два разных набора баннеров
      2. Один и тот же баннер может использоваться в разных наборах
      3. Один баннер можно отключить из показа на всех страницах одним кликом
      4. Установка даты начала и окончания показа баннера или слайдера (по-умолчанию даты не указываются, то есть нет ограничения по датам для показа)
      5. Все настройки производятся в одном месте (Дополнения - Модули - Баннеры расширенные), не нужно переходить по нескольким пунктам меню
      В системе управления OpenCart существует функционал, который позволяет размещать баннеры и слайд-шоу на страницах сайта, но этот функционал не предусматривает следующее:
      нет возможности насройки разных баннеров (слайд-шоу) для разных категорий, товаров, производителей - то есть если задается баннер для схемы "Категории", то он будет отображаться во всех категориях нет возможности настраивать даты показа баннера (слайд-шоу) - то есть не возможно настроить план рекламных акций Эти недостатки не дают в полной мере использовать инструмент баннерной рекламы на вашем сайте.
      Используется скрипт стандартного NivoSlider. Не использует vqMod.
      Ипользуется на сайтах:
      feelbeauty.ru
      isplit.ru
      vircom-energo.ru
      robocarshop.ru
      sredstvo-ot-komarov.ru
      krovatmashina.ru
      Установка:
      1. Из директории upload скопировать всё в корень сайта.
      2. Выполнить установку для модуля «Баннеры расширенные» в пункте Дополнения – Модули.
      3. Настроить и включить модуль.
      Демо:
      Демо-сайт: http://standart.wemake.org.ua
      Админка демо-сайта: http://standart.wemake.org.ua/admin (логин: demo, пароль: demo)
      Лицензия:
      1. Запрещается передавать файлы шаблона третьим лицам, как на платной, так и на безвозмездной основе.
      2. Покупатель имеет право использовать приобретенный модуль только для установки на собственный интернет-магазин.
      3. Модуль реализуется по принципу "1 покупатель – 1 домен"
      4. Если покупатель будет уличен в нарушении правил описанных выше – он автоматически лишается технической поддержки.
      5. За нарушение пункта 1 - данного правила, покупатель будет забанен на форуме. Читайте Правила форума.
      Техническая поддержка:
      Техническая поддержка модуля «Баннеры расширенные» доступна только пользователям, числящимся в списке покупателей.
      Разработка модуля:
      Группа разработчиков WeMake
    • От vlkombat
      400.00 руб
      Скачать/Купить дополнение


      Баннеры произвольно среди товаров и категорий
      Модуль позволяет:
      Вывести среди товаров, и подкатегорий категории баннеры с произвольным расположением в сетке.
      Вывести слайдер, или одиночное изображение на странице категории
      Установка
      Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".
       
      Панель управления (admin/)
      Все баннеры добавляются в карточке категории (все русифицировано, тестовый сайт без перевода):

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

      Здесь первый баннер будет выведен вверху страницы, отдельно. Желательно задать ему размеры. Если размер не задан, будет использован полный размер изображения (как есть).
      Второй баннер будет выведен после третьего товара, с заголовком, ссылкой, описанием. Если размеры не заданы, будут использованы стандартные для товара
      Третий баннер будет выведен после третей категории в списке. Размеры изображения или произвольные, или будет использован размер изображения категории (из настроек). 
      Размеры изображений категорий отдельно задать нельзя, но можно использовать для этого заданный размер любого баннера, достаточно отметить чекбокс "+ для категорий" (+ to img category), если ничего не отмечено - используются размеры изображения категории.
       
      Пользовательская часть (catalog/)
      Модификации подвергаются: модель, контроллер и шаблон категории. 
      Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.
      К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.
      Модификатор проверен с использованием стандартного шаблона - все работает.
      В шаблоне добавляется два блока вначале, там где идет проверка на наличие подкатегорий. Баннеры можно выводить независимо от того, есть ли дочерние категории, если же для категории не указано ни одного баннера в подкатегориях, их вывод будет стандартным.
      В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.
      Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы). Для более-менее корректного отображения рекомендую добавить в .css файл темы следующее:
      .cat-list .item {height: 300px;overflow: hidden;text-align: center;position: relative;background: #fff;margin-bottom: 15px;box-shadow: 0px 2px 7px #b5b5b5;     border-radius: 4px;} .cat-list .item img {position:relative;z-index: 1;} .cat-list .item .title {text-decoration: none;color: #000;font-size: 15px;} .cat-list .item .desc {position: absolute;z-index: 2;background: #f7f5f5a6;padding: 10px;left:0px;bottom:0px;width: 100%;box-sizing: border-box;} .cat-list .float .item {padding-left: 0px;text-align: center;} .cat-list .float .item .desc {background: none;position: static;text-align: right;} .cat-list .item .count {position: absolute;top: 0px;right: 0px;font-size: 14px;     background: #5a5a5a;color: #fff;height: 20px;line-height: 20px;     width: 20px;text-align: center;border-radius: 20px;} .cat-list .float .item img {float: left;margin-right: 10px;} .button-group .btp-href {background-color: #eee;color: #888;line-height: 38px;font-weight: bold;border: 0px;text-transform: uppercase;display: block;text-align: center;} Класс "float" можно использовать для широких баннеров, где слева будет изображение, справа текст.
       
      По модификации блока товара в шаблоне категории. Сразу после
      <?php foreach ($products as $product) { ?> добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:
       <search><![CDATA[<?php echo $pagination; ?>]]></search>       <add position="before" offset="3"> В стандартном шаблоне место вставки выглядит так:

      Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 
      В остальном все должно быть нормально, если что - поправимо.
       
      Начиная с версии 1.0 баннеры среди товаров можно выделять в отдельные контейнеры, куда так же можно добавлять и товары (разрыв в списке товаров). Как это работает - на видео:

      httpm_banner_cat_akcii.mp4  
      ОСОБЕННОСТИ для Opencart 1.5
       В опенкарт 1.5 скрипты на странице категории работают с '.product-list > div' и '.product-grid > div', потому для блока с баннером использовал тэг "section".
      В CSS где встречается .product-list > div и .product-grid > div нужно добавить section, что бы получилось:
      .product-list > div, .product-list > section {.......} .product-list > div + div, .product-list > section + div {.......} .product-grid > div, .product-grid > section {.......} #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .product-grid > section {.......}  
      DEMO
      Пример категории, с баннером среди товаров, баннерами среди категорий, а так же слайдшоу вверху
      Панель управления
      Логин/пароль: demo/demo
       
      ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО
      Добавил vlkombat Добавлено 13.08.2018 Категория Цены, скидки, акции, подарки Системные требования Сайт разработчика https://httpmaster.ru/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось  
    • От vlkombat
      Модуль позволяет:
      Вывести среди товаров, и подкатегорий категории баннеры с произвольным расположением в сетке.
      Вывести слайдер, или одиночное изображение на странице категории
      Установка
      Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".
       
      Панель управления (admin/)
      Все баннеры добавляются в карточке категории (все русифицировано, тестовый сайт без перевода):

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

      Здесь первый баннер будет выведен вверху страницы, отдельно. Желательно задать ему размеры. Если размер не задан, будет использован полный размер изображения (как есть).
      Второй баннер будет выведен после третьего товара, с заголовком, ссылкой, описанием. Если размеры не заданы, будут использованы стандартные для товара
      Третий баннер будет выведен после третей категории в списке. Размеры изображения или произвольные, или будет использован размер изображения категории (из настроек). 
      Размеры изображений категорий отдельно задать нельзя, но можно использовать для этого заданный размер любого баннера, достаточно отметить чекбокс "+ для категорий" (+ to img category), если ничего не отмечено - используются размеры изображения категории.
       
      Пользовательская часть (catalog/)
      Модификации подвергаются: модель, контроллер и шаблон категории. 
      Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.
      К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.
      Модификатор проверен с использованием стандартного шаблона - все работает.
      В шаблоне добавляется два блока вначале, там где идет проверка на наличие подкатегорий. Баннеры можно выводить независимо от того, есть ли дочерние категории, если же для категории не указано ни одного баннера в подкатегориях, их вывод будет стандартным.
      В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.
      Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы). Для более-менее корректного отображения рекомендую добавить в .css файл темы следующее:
      .cat-list .item {height: 300px;overflow: hidden;text-align: center;position: relative;background: #fff;margin-bottom: 15px;box-shadow: 0px 2px 7px #b5b5b5;     border-radius: 4px;} .cat-list .item img {position:relative;z-index: 1;} .cat-list .item .title {text-decoration: none;color: #000;font-size: 15px;} .cat-list .item .desc {position: absolute;z-index: 2;background: #f7f5f5a6;padding: 10px;left:0px;bottom:0px;width: 100%;box-sizing: border-box;} .cat-list .float .item {padding-left: 0px;text-align: center;} .cat-list .float .item .desc {background: none;position: static;text-align: right;} .cat-list .item .count {position: absolute;top: 0px;right: 0px;font-size: 14px;     background: #5a5a5a;color: #fff;height: 20px;line-height: 20px;     width: 20px;text-align: center;border-radius: 20px;} .cat-list .float .item img {float: left;margin-right: 10px;} .button-group .btp-href {background-color: #eee;color: #888;line-height: 38px;font-weight: bold;border: 0px;text-transform: uppercase;display: block;text-align: center;} Класс "float" можно использовать для широких баннеров, где слева будет изображение, справа текст.
       
      По модификации блока товара в шаблоне категории. Сразу после
      <?php foreach ($products as $product) { ?> добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:
       <search><![CDATA[<?php echo $pagination; ?>]]></search>       <add position="before" offset="3"> В стандартном шаблоне место вставки выглядит так:

      Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 
      В остальном все должно быть нормально, если что - поправимо.
       
      Начиная с версии 1.0 баннеры среди товаров можно выделять в отдельные контейнеры, куда так же можно добавлять и товары (разрыв в списке товаров). Как это работает - на видео:

      httpm_banner_cat_akcii.mp4  
      ОСОБЕННОСТИ для Opencart 1.5
       В опенкарт 1.5 скрипты на странице категории работают с '.product-list > div' и '.product-grid > div', потому для блока с баннером использовал тэг "section".
      В CSS где встречается .product-list > div и .product-grid > div нужно добавить section, что бы получилось:
      .product-list > div, .product-list > section {.......} .product-list > div + div, .product-list > section + div {.......} .product-grid > div, .product-grid > section {.......} #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .product-grid > section {.......}  
      DEMO
      Пример категории, с баннером среди товаров, баннерами среди категорий, а так же слайдшоу вверху
      Панель управления
      Логин/пароль: demo/demo
       
      ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО
    • От iDiy
      395.00 руб
      Скачать/Купить дополнение


      Адаптивное Слайдшоу
      Адаптивное Слайдшоу (responsive slideshow)
      Особенности:
      Мультиязычное HTML описание баннеров Мультиязычные изображения, ссылки баннеров, статус, порядок сортировки Поддержка сенсорных устройств (Touch Swipe) Управление колесиком мыши (mousewheel) Произвольные миниатюры Автопросмотр, таймер и прочее... Модуль не заменяет системных файлов и не требует vQmod.
       
      Демонстрация: YO-Слайдшоу
      Админ демо (логин/пароль: demo / demo)
      Добавил iDiy Добавлено 07.12.2013 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1 OpenCart.Pro, ocShop OcShop 1.5.6.4.х  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.