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

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

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

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

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

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


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

ссылку на сайт

  • +1 1

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


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

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

 

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

 

 

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

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


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

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

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


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

вот для 2.1

вот для 2.3

 

 

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


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

Будем посмотреть! Спасибо

  • +1 1

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


Ссылка на сообщение
Поделиться на другие сайты
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

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


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

вот для 2.1

вот для 2.3

 

 

Установил,работает но слайдер не ставиться

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


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

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

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

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


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

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

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

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


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

вот для 2.1

вот для 2.3

 

 

Большое спасибо, все сделал)

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


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

вот для 2.1

вот для 2.3

 

 

А как этот слайдер сделать шириной контейнера? задать ему просто в css ?

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


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

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

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


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

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

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

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


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

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

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

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

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


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

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

 

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

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


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

 

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

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

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


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

 

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

А кажись понял,сейчас попробую

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


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

 

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

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

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


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

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

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

 

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

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


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

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

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

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

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

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

Войти

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

Войти

  • Последние посетители   0 пользователей онлайн

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

×

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

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