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

перенести слайдер в другой div

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

OcStore 1.5.5.1

шаблон Lethe с фиксированной шириной.

в теле сайта перед основным контейнером есть <div id="tlc">...</div>

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

post-699640-0-22555200-1453896942_thumb.jpg

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


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

что то все не то выходит, мне нужно придти к такому варианту размещения слайдера как на этом сайте http://schumli.ru

кто знает как это можно сделать?

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


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

разобрался следуя этой инструкции:

 

admin\language\russian\russian.php

добавить
$_['text_content_middle'] = 'Шапка';

www\admin\view\template\module\slideshow.tpl

после
<?php if ($module['position'] == 'column_right') { ?>
<option value="column_right" selected="selected"><?php echo $text_column_right; ?></option>
<?php } else { ?>
<option value="column_right"><?php echo $text_column_right; ?></option>
<?php } ?>

добавить
<?php if ($module['position'] == 'content_middle') { ?>
<option value="content_middle" selected="selected"><?php echo $text_content_middle; ?></option>
<?php } else { ?>
<option value="content_middle"><?php echo $text_content_middle; ?></option>
<?php } ?>

после
html += ' <option value="column_right"><?php echo $text_column_right; ?></option>';

добавить
html += ' <option value="content_middle"><?php echo $text_content_middle; ?></option>';


admin\controller\module\slideshow.php

после
$this->data['text_column_right'] = $this->language->get('text_column_right');

добавить
$this->data['text_content_middle'] = $this->language->get('text_content_middle');

Пользовательская часть

/catalog/controller/common/header.php

после
$this->children = array(

добавить
'common/content_middle',

Создаем файл content_middle.php по пути catalog\controller\common\
с содержимым аналогичным как и content_bottom.php

первую строку меняем на
class ControllerCommonContentMiddle extends Controller {
и в коде, вместо content_bottom заменяем все на content_middle

далее создаем файл content_middle.tpl по пути catalog\view\theme\default\template\common\
с таким же содержимым как и content_bottom.tpl

И в файле catalog\view\theme\default\template\common\header.tpl

добавляем в место вывода слайдера код
<?php echo $content_middle; ?>

после
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

добавить
<script type="text/javascript" src="catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js"></script>

после
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

добавить
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/slideshow.css" media="screen" />

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


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

разобрался следуя этой инструкции:

 

...

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/slideshow.css" media="screen" />

 

О, да ... а на jQuery одна строчка кода :)

И не надо редактировать ни один файл

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


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

О, да ... а на jQuery одна строчка кода :)

И не надо редактировать ни один файл

наверное, но на jquery что то не разобрался, слайдер почему то переставал работать. ))

Вы не в курсе, как можно сделать цвет меню на главной одного цвета, а в остальных местах на сайте другого.

стили я так понял подключаются в header.tpl

по идее надо создать еще один файл стилей и на главной подгружать его в header.tpl

но как это сделать не уразумлю?

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


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

наверное, но на jquery что то не разобрался, слайдер почему то переставал работать. ))....

Если слайдер перестал работать значит допустили ошибку в jquery коде

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


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

Если слайдер перестал работать значит допустили ошибку в jquery коде

 

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

осталось разобраться со стилями для разных страниц

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


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

Тут был подобный вопрос.

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


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

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

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

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

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

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

Войти

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

Войти

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

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


      qBanner конструктор
       
      КЛЮЧ ПОЛУЧАТЬ ЗАПРОСУ В ЛС
      модуль имеет один закодированный файл, в котором находится проверка ключа
       
       

       
      ДЕМО: http://opencart-demo.ru/discount/
      ДЕМО-АДМИНКА: http://opencart-demo.ru/discount/admin/ demo:demo
       
       
      Описание
      Модуль дает возможность пользователю самому создавать сетку картинок в баннере.
      Блок имеет следующие настройки:
      Ширина блока (10%, 20%, 30%.... 100%) Высота блока (100 пикс., 200 пикс., .... 600 пикс.) Ссылка по клику на блок Картинка бэкграунда  Мультиязычная надпись на баннере Положение надписи Размер шрифта надписи Анимации  
      Установка
      Скопировать содержимое в корень сайта Зайти в модули и установить qBanner Создать новый подмодуль и перейти к настройки сетки  
      Совместимость
      opencart/ocstore 2.1.х, 2.2.х, 2.3.х, 3.x
       
      работает на основе
      https://github.com/desandro/masonry
      Добавил kJlukOo Добавлено 15.02.2017 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика cleanphp.ru Старая цена 1000 Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От kJlukOo
      КЛЮЧ ПОЛУЧАТЬ ЗАПРОСУ В ЛС
      модуль имеет один закодированный файл, в котором находится проверка ключа
       
       

       
      ДЕМО: http://opencart-demo.ru/discount/
      ДЕМО-АДМИНКА: http://opencart-demo.ru/discount/admin/ demo:demo
       
       
      Описание
      Модуль дает возможность пользователю самому создавать сетку картинок в баннере.
      Блок имеет следующие настройки:
      Ширина блока (10%, 20%, 30%.... 100%) Высота блока (100 пикс., 200 пикс., .... 600 пикс.) Ссылка по клику на блок Картинка бэкграунда  Мультиязычная надпись на баннере Положение надписи Размер шрифта надписи Анимации  
      Установка
      Скопировать содержимое в корень сайта Зайти в модули и установить qBanner Создать новый подмодуль и перейти к настройки сетки  
      Совместимость
      opencart/ocstore 2.1.х, 2.2.х, 2.3.х, 3.x
       
      работает на основе
      https://github.com/desandro/masonry
    • От klaos27
      700.00 руб
      Скачать/Купить дополнение


      OCDbanner: Баннеры | Слайдеры | Видео
      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
       
      Демо модуля:
      1) Сетка Bootstrap
      2) Карусель
      3) Произвольная сетка
      4) Слайдер
       
      Административная часть: 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) Версию движка/сборки. 
      Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!!
      Добавил klaos27 Добавлено 15.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Старая цена 700 Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От klaos27
      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
       
      Демо модуля:
      1) Сетка Bootstrap
      2) Карусель
      3) Произвольная сетка
      4) Слайдер
       
      Административная часть: 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) Версию движка/сборки. 
      Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!!
    • От Blackseabreathe
      Привет
       
      Подскажите, пожалуйста, бесплатный модуль для вывода товаров определенной категории на главную страницу в виде карусели. Уже 2 дня в инете ищу.
      И второй вопрос - как можно подружить Owl Carousel с OpenCart ?
  • Последние посетители   0 пользователей онлайн

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

×

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

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