Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Спустить ниже категории и сделать слайдер на весь контейнер


Recommended Posts

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

Мой_Магазин.png

Надіслати
Поділитися на інших сайтах


Если не хотите залезать в файлы движка, то есть специальный модуль, который добавляет "экстра" позиции для модулей:

 

https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=20569

 

 

Надіслати
Поділитися на інших сайтах

11 минут назад, Tank сказал:

Если не хотите залезать в файлы движка, то есть специальный модуль, который добавляет "экстра" позиции для модулей:

 

https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=20569

 

 

это Г* а не модуль позиций
 

Надіслати
Поділитися на інших сайтах


1 минуту назад, Tank сказал:

И тем не менее он работает и свою задачу выполняет. Есть вариант лучше?

до поры до времени выполняет, я примерно схожий подход внедрил в шаблоне для 2.1
но чуть что какой модуль который также цепляется и всё валится

Надіслати
Поділитися на інших сайтах


как вариант

        <div class="row">
            <div id="content" class="col-sm-12"><div id="slideshow0" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
                    <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 3392px; left: 0px; display: block; transition: all 1000ms ease; transform: translate3d(0px, 0px, 0px);"><div class="owl-item" style="width: 848px;"><div class="item">
                                    <img src="http://24cekc.ru/image/cache/catalog/ogromnaya_rasprodaga2-1140x380.jpg" alt="iPhone 6" class="img-responsive">
                                </div></div><div class="owl-item" style="width: 848px;"><div class="item">
                                    <img src="http://24cekc.ru/image/cache/catalog/1169h448-secrets-1140x380.jpg" alt="MacBookAir" class="img-responsive">
                                </div></div></div></div>

                    <div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div><div class="owl-buttons"><div class="owl-prev"><i class="fa fa-chevron-left fa-5x"></i></div><div class="owl-next"><i class="fa fa-chevron-right fa-5x"></i></div></div></div></div>
                    <script type="text/javascript"><!--
                    $('#slideshow0').owlCarousel({
                            items: 6,
                            autoPlay: 3000,
                            singleItem: true,
                            navigation: true,
                            navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
                            pagination: true
                        });
                    --></script>
            </div>
            <aside id="column-left" class="col-sm-3 hidden-xs">
                <div class="list-group">
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=20" class="list-group-item">Препараты для повышения потенции</a>
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=18" class="list-group-item">Женские возбуждающие средства</a>
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=57" class="list-group-item">Сосновая пыльца</a>
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=25" class="list-group-item">Скидки и акции</a>
                </div>
            </aside>
        </div>

 

  • +1 1
Надіслати
Поділитися на інших сайтах

19 минут назад, fanatic сказал:

как вариант


        <div class="row">
            <div id="content" class="col-sm-12"><div id="slideshow0" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
                    <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 3392px; left: 0px; display: block; transition: all 1000ms ease; transform: translate3d(0px, 0px, 0px);"><div class="owl-item" style="width: 848px;"><div class="item">
                                    <img src="http://24cekc.ru/image/cache/catalog/ogromnaya_rasprodaga2-1140x380.jpg" alt="iPhone 6" class="img-responsive">
                                </div></div><div class="owl-item" style="width: 848px;"><div class="item">
                                    <img src="http://24cekc.ru/image/cache/catalog/1169h448-secrets-1140x380.jpg" alt="MacBookAir" class="img-responsive">
                                </div></div></div></div>

                    <div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div><div class="owl-buttons"><div class="owl-prev"><i class="fa fa-chevron-left fa-5x"></i></div><div class="owl-next"><i class="fa fa-chevron-right fa-5x"></i></div></div></div></div>
                    <script type="text/javascript"><!--
                    $('#slideshow0').owlCarousel({
                            items: 6,
                            autoPlay: 3000,
                            singleItem: true,
                            navigation: true,
                            navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
                            pagination: true
                        });
                    --></script>
            </div>
            <aside id="column-left" class="col-sm-3 hidden-xs">
                <div class="list-group">
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=20" class="list-group-item">Препараты для повышения потенции</a>
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=18" class="list-group-item">Женские возбуждающие средства</a>
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=57" class="list-group-item">Сосновая пыльца</a>
                    <a href="http://24cekc.ru/index.php?route=product/category&amp;path=25" class="list-group-item">Скидки и акции</a>
                </div>
            </aside>
        </div>

 

Это в каком файле?

Надіслати
Поділитися на інших сайтах


27 минут назад, NavinGR сказал:

Это в каком файле?

это не в файле. просто пример с исходным кодом.  нужно поменять местами контейнер слайдера и меню категорий.  и слайдеру задать класс с шириной на весь контейнер  col-sm-12.  корректировать нужно схемы.    вам лучше воспользоваться  советами выше  от  @AWARO

Змінено користувачем fanatic
  • +1 2
Надіслати
Поділитися на інших сайтах

51 минуту назад, fanatic сказал:

это не в файле. просто пример с исходным кодом.  нужно поменять местами контейнер слайдера и меню категорий.  и слайдеру задать класс с шириной на весь контейнер  col-sm-12.  корректировать нужно схемы.    вам лучше воспользоваться  советами выше  от  @AWARO

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

Надіслати
Поділитися на інших сайтах


52 минуты назад, fanatic сказал:

это не в файле. просто пример с исходным кодом.  нужно поменять местами контейнер слайдера и меню категорий.  и слайдеру задать класс с шириной на весь контейнер  col-sm-12.  корректировать нужно схемы.    вам лучше воспользоваться  советами выше  от  @AWARO

Все спс заработало!

Надіслати
Поділитися на інших сайтах


35 минут назад, NavinGR сказал:

Все разобрался, задал ему свойства,крутой модуль! спс!

там в схемах есть переключатель

Надіслати
Поділитися на інших сайтах


13 минут назад, AWARO сказал:

там в схемах есть переключатель

А нет модуля бесплатного который позволяет на главной сделать категории вот так? картинками и чтобы по клику по ним открывалась уже страница с соответствующими товарами

Интернет-магазин ManFarma.png

Надіслати
Поділитися на інших сайтах


1 час назад, NavinGR сказал:

А нет модуля бесплатного который позволяет на главной сделать категории вот так? картинками и чтобы по клику по ним открывалась уже страница с соответствующими товарами

 

Штатный модуль HTML содержимое. Только вчера был такой же вопрос.

Надіслати
Поділитися на інших сайтах


56 минут назад, SiteMix сказал:

 

Штатный модуль HTML содержимое. Только вчера был такой же вопрос.

Так как им пользоваться? ну активировал я его,и что дальше?

Надіслати
Поділитися на інших сайтах


1 час назад, SiteMix сказал:

 

Штатный модуль HTML содержимое. Только вчера был такой же вопрос.

Они встают друг под друга, я могу задать inline-block но где найти код чтобы задать дивам классы?

Надіслати
Поділитися на інших сайтах


В 22.05.2017 в 20:20, SiteMix сказал:

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

 

Подробности в теме поддержки шаблона.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.