Anastasiya617 Posted August 6, 2016 Share Posted August 6, 2016 Делаю сайт, встала одна проблема - не могу сделать слайдер на всю ширину/высоту. Перепробовал все, что знаю. Подскажите, пожалуйста, решение задачи! Link to comment Share on other sites More sharing options...
OldAine Posted August 6, 2016 Share Posted August 6, 2016 Делаю сайт, встала одна проблема - не могу сделать слайдер на всю ширину/высоту. Перепробовал все, что знаю. Подскажите, пожалуйста, решение задачи! Чтобы сделать слайдер на 100% его либо нужно вынести отдельно за структуру модульной системы, либо создать новое место для размещения модуля (где потом будет слайдер) и сверстать всё так, чтобы было на 100%. Т.е. изначально структура такая, что контейнер сайа имеет фиксированную ширину, например 1200px, нам же нужно создать в этой структуре брешь на 100% Пример: | 1200px шапка | | 1200px тело | | 1200px подвал | Вам нужно: | 1200px шапка | ← 100% слайдер → | 1200px тело | | 1200px подвал | Короче менять html. Ещё можно сверстать через абсолютные стили, но это сложно и ненадёжно. А лучше всего купить подходящий шаблон, а потом его доделывать. 1 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 у меня шаблон next-default там по идее слайд на всю ширину, но у меня почему 1200 епта Link to comment Share on other sites More sharing options... rodigy Posted August 6, 2016 Share Posted August 6, 2016 (edited) А лучше всего купить подходящий шаблон, а потом его доделывать. зачем же сразу покупать шаблон, пусть учатся люди, пригодиться еще Надо всего то: - закрыть div c классами container , row и еще предыдущие если нужно - открыть div c классом container-fluid , сделать всю необхидимую разметку что нужно для слайдера - закрыть container-fluid - и снова возвращаем все как было, открываем container , row и т.д. ну и конечно же поправить стили самого слайдера (применимо к стандартному шаблону) или поискать модуль слайдера на всю ширину Edited August 6, 2016 by rodigy Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 rodigy, спасибо, так если у меня в шаблоне слайд на всю ширину , а у меня становится 1200 и еще пару деталей по другому, я что ставлю не так или? Link to comment Share on other sites More sharing options... afwollis Posted August 6, 2016 Share Posted August 6, 2016 у меня шаблон next-default там по идее слайд на всю ширину, но у меня почему 1200 епта потому что негоже мальчикам под девчачьими никами регистрироваться... 1 Link to comment Share on other sites More sharing options... rodigy Posted August 6, 2016 Share Posted August 6, 2016 (edited) anastasiya617 дайте ссылку на ваш сайт Edited August 6, 2016 by rodigy Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 потому что негоже мальчикам под девчачьими никами регистрироваться... да я просто вопрос скопипастила) Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 anastasiya617 дайте ссылку на ваш сайт позже, решила переустановить, через пол часа скину, как будет возможность гляньте плиз Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 anastasiya617 дайте ссылку на ваш сайт http://kovkarb.by/index.php?route=common/home вот все с нуля переустановила и вот чооо Link to comment Share on other sites More sharing options... rodigy Posted August 6, 2016 Share Posted August 6, 2016 http://kovkarb.by/index.php?route=common/home вот все с нуля переустановила и вот чооо исходя из демо темы, слайдер нужно ставить в Post Header лайот 1 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 исходя из демо темы, слайдер нужно ставить в Post Header лайот а для тупых более подробно объясните плиз Link to comment Share on other sites More sharing options... ArtemPitov Posted August 7, 2016 Share Posted August 7, 2016 я делаю это js-ом, получаться гибкий вариант сам слайдер var slider = $('#slider-<?= $module; ?>'); сначала выносим все за контейнер $('body').append(slider); Потом нам нужно с позиционировать абсолютно наш слайдер относительно селектора, для этого нужно посчитать отступ. <?= $top;?> - это дополнительный отступ если нужен var offsetTop = selector.outerHeight() + selector.offset().top + <?= $top;?>; Добавляем слайдер в нужное место slider.css({'position' : 'absolute', 'top' : offsetTop, 'left' : 0, 'right' : 0}); Теперь нам нужна динамическая подложка Измеряем высоту слайдера var hSlider = slider.outerHeight(true); Добавляем подложку после селектора selector.after('<div style="height:'+ hSlider +'px" id="wrap-<?= $module; ?>"></div>'); Добавляем динамику для подложки $(window).resize(function () { setTimeout(function () { hSlider = slider.outerHeight(true); offsetTop = selector.outerHeight() + selector.offset().top + <?= $top;?>; $('#wrap-<?= $module; ?>').css({'height' : hSlider}); slider.css({'top' : offsetTop}); }, 300); }); Как то так 1 Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) а для тупых более подробно объясните плиз мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание https://opencartforum.com/files/file/3126-next-default-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-ocstore-21021/ - Позиция Post Header для вывода слайдера на всю ширину экрана ...или используйте на своё усмотрение.- Позиция Pre Footer для вывода карт на всю ширину ...или используйте на своё усмотрение. Edited August 7, 2016 by AWARO 1 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость В схемах. надеюсь вы блондинка..)) Edited August 7, 2016 by AWARO Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Я просто опен карт изучаю два дня, е мо е) Link to comment Share on other sites More sharing options... Tom Posted August 7, 2016 Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... 3 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... вот именно такого ответа я и ждала) благодарствую) Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 вот именно такого ответа я и ждала) благодарствую) https://opencartforum.com/topic/58491-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D1%83%D1%80%D1%81-%D0%BF%D0%BE-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8E-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B0-%D0%BD%D0%B0-opencart/ Link to comment Share on other sites More sharing options... 6 years later... yegorulya Posted January 19 Share Posted January 19 07.08.2016 в 13:21, Tom сказал: Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... А в версии 3.0.3.7 как можно сделать слайдер на всю ширину экрана? - только лишь слайдер, а не весь сайт внизу за ним. Link to comment Share on other sites More sharing options... Tom Posted January 19 Share Posted January 19 Путём вёрстки или установки дополнений , которые позволят это сделать. Link to comment Share on other sites More sharing options... yegorulya Posted January 19 Share Posted January 19 19.01.2023 в 09:50, Tom сказал: Путём вёрстки или установки дополнений , которые позволят это сделать. Не знаете случайно модулей? Link to comment Share on other sites More sharing options... yegorulya Posted January 23 Share Posted January 23 19.01.2023 в 12:09, yegorulya сказал: Не знаете случайно модулей? может кому-топригодится, нашла такой модуль, который делает соайдер на весь экран ссылка ниже https://webocreation.com/opencart-free-extension-to-add-full-width-position-in-layout/ Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 1 Go to topic listing Similar Content Не могу получить данные h1 By AlexMax13, Friday at 09:58 PM 3 replies 181 views AlexMax13 5 hours ago Mega Swipe Slider (Адаптивный слайдер сайта) By kirians, November 29, 2021 slider slidershow (and 6 more) Tagged with: slider slidershow carousel slideshow слайдер слайдер slideshow слайдер банер слайдер баннер слайдер картинки 0 comments 2,135 views kirians November 29, 2021 Сайт на всю ширину экрана By vvvslv, January 11, 2021 шаблон на всю ширину на ширину окна 2 replies 855 views vlad9bu June 18 Не могу найти путь к редактированию одного предложения в корзине. By knalsur, Thursday at 06:28 PM 7 replies 180 views knalsur Friday at 07:03 PM Не могу загружать фото в webp By Best223, January 16, 2022 23 replies 2,044 views PyrkoComUa July 29 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Opencart 2.x Opencart 2.x: Setting and optimization [Решено] не могу сделать слайдер на всю ширину/высоту Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Monopay від Monobank Polia - By monopay All inclusive By octemplates Знак равно в цене опции товара By web_bond MonoPay оплата для Opencart - модуль для подключения эквайринга Monobank к Opencart By bogdan281989 footer cache By kJlukOo × Existing user? Sign In Sign Up Shopping section Back Purchased extensions Invoices Whishlist Alternative Contacts Forums News ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Where to buy modules? Services FAQ OpenCart.Pro Back Demo Buy Compare × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 у меня шаблон next-default там по идее слайд на всю ширину, но у меня почему 1200 епта Link to comment Share on other sites More sharing options...
rodigy Posted August 6, 2016 Share Posted August 6, 2016 (edited) А лучше всего купить подходящий шаблон, а потом его доделывать. зачем же сразу покупать шаблон, пусть учатся люди, пригодиться еще Надо всего то: - закрыть div c классами container , row и еще предыдущие если нужно - открыть div c классом container-fluid , сделать всю необхидимую разметку что нужно для слайдера - закрыть container-fluid - и снова возвращаем все как было, открываем container , row и т.д. ну и конечно же поправить стили самого слайдера (применимо к стандартному шаблону) или поискать модуль слайдера на всю ширину Edited August 6, 2016 by rodigy Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 rodigy, спасибо, так если у меня в шаблоне слайд на всю ширину , а у меня становится 1200 и еще пару деталей по другому, я что ставлю не так или? Link to comment Share on other sites More sharing options...
afwollis Posted August 6, 2016 Share Posted August 6, 2016 у меня шаблон next-default там по идее слайд на всю ширину, но у меня почему 1200 епта потому что негоже мальчикам под девчачьими никами регистрироваться... 1 Link to comment Share on other sites More sharing options... rodigy Posted August 6, 2016 Share Posted August 6, 2016 (edited) anastasiya617 дайте ссылку на ваш сайт Edited August 6, 2016 by rodigy Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 потому что негоже мальчикам под девчачьими никами регистрироваться... да я просто вопрос скопипастила) Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 anastasiya617 дайте ссылку на ваш сайт позже, решила переустановить, через пол часа скину, как будет возможность гляньте плиз Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 anastasiya617 дайте ссылку на ваш сайт http://kovkarb.by/index.php?route=common/home вот все с нуля переустановила и вот чооо Link to comment Share on other sites More sharing options... rodigy Posted August 6, 2016 Share Posted August 6, 2016 http://kovkarb.by/index.php?route=common/home вот все с нуля переустановила и вот чооо исходя из демо темы, слайдер нужно ставить в Post Header лайот 1 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 исходя из демо темы, слайдер нужно ставить в Post Header лайот а для тупых более подробно объясните плиз Link to comment Share on other sites More sharing options... ArtemPitov Posted August 7, 2016 Share Posted August 7, 2016 я делаю это js-ом, получаться гибкий вариант сам слайдер var slider = $('#slider-<?= $module; ?>'); сначала выносим все за контейнер $('body').append(slider); Потом нам нужно с позиционировать абсолютно наш слайдер относительно селектора, для этого нужно посчитать отступ. <?= $top;?> - это дополнительный отступ если нужен var offsetTop = selector.outerHeight() + selector.offset().top + <?= $top;?>; Добавляем слайдер в нужное место slider.css({'position' : 'absolute', 'top' : offsetTop, 'left' : 0, 'right' : 0}); Теперь нам нужна динамическая подложка Измеряем высоту слайдера var hSlider = slider.outerHeight(true); Добавляем подложку после селектора selector.after('<div style="height:'+ hSlider +'px" id="wrap-<?= $module; ?>"></div>'); Добавляем динамику для подложки $(window).resize(function () { setTimeout(function () { hSlider = slider.outerHeight(true); offsetTop = selector.outerHeight() + selector.offset().top + <?= $top;?>; $('#wrap-<?= $module; ?>').css({'height' : hSlider}); slider.css({'top' : offsetTop}); }, 300); }); Как то так 1 Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) а для тупых более подробно объясните плиз мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание https://opencartforum.com/files/file/3126-next-default-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-ocstore-21021/ - Позиция Post Header для вывода слайдера на всю ширину экрана ...или используйте на своё усмотрение.- Позиция Pre Footer для вывода карт на всю ширину ...или используйте на своё усмотрение. Edited August 7, 2016 by AWARO 1 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость В схемах. надеюсь вы блондинка..)) Edited August 7, 2016 by AWARO Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Я просто опен карт изучаю два дня, е мо е) Link to comment Share on other sites More sharing options... Tom Posted August 7, 2016 Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... 3 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... вот именно такого ответа я и ждала) благодарствую) Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 вот именно такого ответа я и ждала) благодарствую) https://opencartforum.com/topic/58491-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D1%83%D1%80%D1%81-%D0%BF%D0%BE-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8E-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B0-%D0%BD%D0%B0-opencart/ Link to comment Share on other sites More sharing options... 6 years later... yegorulya Posted January 19 Share Posted January 19 07.08.2016 в 13:21, Tom сказал: Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... А в версии 3.0.3.7 как можно сделать слайдер на всю ширину экрана? - только лишь слайдер, а не весь сайт внизу за ним. Link to comment Share on other sites More sharing options... Tom Posted January 19 Share Posted January 19 Путём вёрстки или установки дополнений , которые позволят это сделать. Link to comment Share on other sites More sharing options... yegorulya Posted January 19 Share Posted January 19 19.01.2023 в 09:50, Tom сказал: Путём вёрстки или установки дополнений , которые позволят это сделать. Не знаете случайно модулей? Link to comment Share on other sites More sharing options... yegorulya Posted January 23 Share Posted January 23 19.01.2023 в 12:09, yegorulya сказал: Не знаете случайно модулей? может кому-топригодится, нашла такой модуль, который делает соайдер на весь экран ссылка ниже https://webocreation.com/opencart-free-extension-to-add-full-width-position-in-layout/ Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 1 Go to topic listing Similar Content Не могу получить данные h1 By AlexMax13, Friday at 09:58 PM 3 replies 181 views AlexMax13 5 hours ago Mega Swipe Slider (Адаптивный слайдер сайта) By kirians, November 29, 2021 slider slidershow (and 6 more) Tagged with: slider slidershow carousel slideshow слайдер слайдер slideshow слайдер банер слайдер баннер слайдер картинки 0 comments 2,135 views kirians November 29, 2021 Сайт на всю ширину экрана By vvvslv, January 11, 2021 шаблон на всю ширину на ширину окна 2 replies 855 views vlad9bu June 18 Не могу найти путь к редактированию одного предложения в корзине. By knalsur, Thursday at 06:28 PM 7 replies 180 views knalsur Friday at 07:03 PM Не могу загружать фото в webp By Best223, January 16, 2022 23 replies 2,044 views PyrkoComUa July 29 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Opencart 2.x Opencart 2.x: Setting and optimization [Решено] не могу сделать слайдер на всю ширину/высоту Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Monopay від Monobank Polia - By monopay All inclusive By octemplates Знак равно в цене опции товара By web_bond MonoPay оплата для Opencart - модуль для подключения эквайринга Monobank к Opencart By bogdan281989 footer cache By kJlukOo
rodigy Posted August 6, 2016 Share Posted August 6, 2016 (edited) anastasiya617 дайте ссылку на ваш сайт Edited August 6, 2016 by rodigy Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 потому что негоже мальчикам под девчачьими никами регистрироваться... да я просто вопрос скопипастила) Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 anastasiya617 дайте ссылку на ваш сайт позже, решила переустановить, через пол часа скину, как будет возможность гляньте плиз Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 6, 2016 Author Share Posted August 6, 2016 anastasiya617 дайте ссылку на ваш сайт http://kovkarb.by/index.php?route=common/home вот все с нуля переустановила и вот чооо Link to comment Share on other sites More sharing options...
rodigy Posted August 6, 2016 Share Posted August 6, 2016 http://kovkarb.by/index.php?route=common/home вот все с нуля переустановила и вот чооо исходя из демо темы, слайдер нужно ставить в Post Header лайот 1 Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 исходя из демо темы, слайдер нужно ставить в Post Header лайот а для тупых более подробно объясните плиз Link to comment Share on other sites More sharing options...
ArtemPitov Posted August 7, 2016 Share Posted August 7, 2016 я делаю это js-ом, получаться гибкий вариант сам слайдер var slider = $('#slider-<?= $module; ?>'); сначала выносим все за контейнер $('body').append(slider); Потом нам нужно с позиционировать абсолютно наш слайдер относительно селектора, для этого нужно посчитать отступ. <?= $top;?> - это дополнительный отступ если нужен var offsetTop = selector.outerHeight() + selector.offset().top + <?= $top;?>; Добавляем слайдер в нужное место slider.css({'position' : 'absolute', 'top' : offsetTop, 'left' : 0, 'right' : 0}); Теперь нам нужна динамическая подложка Измеряем высоту слайдера var hSlider = slider.outerHeight(true); Добавляем подложку после селектора selector.after('<div style="height:'+ hSlider +'px" id="wrap-<?= $module; ?>"></div>'); Добавляем динамику для подложки $(window).resize(function () { setTimeout(function () { hSlider = slider.outerHeight(true); offsetTop = selector.outerHeight() + selector.offset().top + <?= $top;?>; $('#wrap-<?= $module; ?>').css({'height' : hSlider}); slider.css({'top' : offsetTop}); }, 300); }); Как то так 1 Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) а для тупых более подробно объясните плиз мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание https://opencartforum.com/files/file/3126-next-default-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-ocstore-21021/ - Позиция Post Header для вывода слайдера на всю ширину экрана ...или используйте на своё усмотрение.- Позиция Pre Footer для вывода карт на всю ширину ...или используйте на своё усмотрение. Edited August 7, 2016 by AWARO 1 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость В схемах. надеюсь вы блондинка..)) Edited August 7, 2016 by AWARO Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Я просто опен карт изучаю два дня, е мо е) Link to comment Share on other sites More sharing options... Tom Posted August 7, 2016 Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... 3 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... вот именно такого ответа я и ждала) благодарствую) Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 вот именно такого ответа я и ждала) благодарствую) https://opencartforum.com/topic/58491-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D1%83%D1%80%D1%81-%D0%BF%D0%BE-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8E-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B0-%D0%BD%D0%B0-opencart/ Link to comment Share on other sites More sharing options... 6 years later... yegorulya Posted January 19 Share Posted January 19 07.08.2016 в 13:21, Tom сказал: Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... А в версии 3.0.3.7 как можно сделать слайдер на всю ширину экрана? - только лишь слайдер, а не весь сайт внизу за ним. Link to comment Share on other sites More sharing options... Tom Posted January 19 Share Posted January 19 Путём вёрстки или установки дополнений , которые позволят это сделать. Link to comment Share on other sites More sharing options... yegorulya Posted January 19 Share Posted January 19 19.01.2023 в 09:50, Tom сказал: Путём вёрстки или установки дополнений , которые позволят это сделать. Не знаете случайно модулей? Link to comment Share on other sites More sharing options... yegorulya Posted January 23 Share Posted January 23 19.01.2023 в 12:09, yegorulya сказал: Не знаете случайно модулей? может кому-топригодится, нашла такой модуль, который делает соайдер на весь экран ссылка ниже https://webocreation.com/opencart-free-extension-to-add-full-width-position-in-layout/ Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 1 Go to topic listing Similar Content Не могу получить данные h1 By AlexMax13, Friday at 09:58 PM 3 replies 181 views AlexMax13 5 hours ago Mega Swipe Slider (Адаптивный слайдер сайта) By kirians, November 29, 2021 slider slidershow (and 6 more) Tagged with: slider slidershow carousel slideshow слайдер слайдер slideshow слайдер банер слайдер баннер слайдер картинки 0 comments 2,135 views kirians November 29, 2021 Сайт на всю ширину экрана By vvvslv, January 11, 2021 шаблон на всю ширину на ширину окна 2 replies 855 views vlad9bu June 18 Не могу найти путь к редактированию одного предложения в корзине. By knalsur, Thursday at 06:28 PM 7 replies 180 views knalsur Friday at 07:03 PM Не могу загружать фото в webp By Best223, January 16, 2022 23 replies 2,044 views PyrkoComUa July 29 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Opencart 2.x Opencart 2.x: Setting and optimization [Решено] не могу сделать слайдер на всю ширину/высоту
HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) а для тупых более подробно объясните плиз мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание https://opencartforum.com/files/file/3126-next-default-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-ocstore-21021/ - Позиция Post Header для вывода слайдера на всю ширину экрана ...или используйте на своё усмотрение.- Позиция Pre Footer для вывода карт на всю ширину ...или используйте на своё усмотрение. Edited August 7, 2016 by AWARO 1 Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 мда... в шаблоне реализованы две дополнительные позиции нужно только внимательно прочитать его описание Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость Link to comment Share on other sites More sharing options...
HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 (edited) Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость В схемах. надеюсь вы блондинка..)) Edited August 7, 2016 by AWARO Link to comment Share on other sites More sharing options...
Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Я просто опен карт изучаю два дня, е мо е) Link to comment Share on other sites More sharing options...
Tom Posted August 7, 2016 Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... 3 Link to comment Share on other sites More sharing options... Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... вот именно такого ответа я и ждала) благодарствую) Link to comment Share on other sites More sharing options... HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 вот именно такого ответа я и ждала) благодарствую) https://opencartforum.com/topic/58491-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D1%83%D1%80%D1%81-%D0%BF%D0%BE-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8E-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B0-%D0%BD%D0%B0-opencart/ Link to comment Share on other sites More sharing options... 6 years later... yegorulya Posted January 19 Share Posted January 19 07.08.2016 в 13:21, Tom сказал: Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... А в версии 3.0.3.7 как можно сделать слайдер на всю ширину экрана? - только лишь слайдер, а не весь сайт внизу за ним. Link to comment Share on other sites More sharing options... Tom Posted January 19 Share Posted January 19 Путём вёрстки или установки дополнений , которые позволят это сделать. Link to comment Share on other sites More sharing options... yegorulya Posted January 19 Share Posted January 19 19.01.2023 в 09:50, Tom сказал: Путём вёрстки или установки дополнений , которые позволят это сделать. Не знаете случайно модулей? Link to comment Share on other sites More sharing options... yegorulya Posted January 23 Share Posted January 23 19.01.2023 в 12:09, yegorulya сказал: Не знаете случайно модулей? может кому-топригодится, нашла такой модуль, который делает соайдер на весь экран ссылка ниже https://webocreation.com/opencart-free-extension-to-add-full-width-position-in-layout/ Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 1 Go to topic listing Similar Content Не могу получить данные h1 By AlexMax13, Friday at 09:58 PM 3 replies 181 views AlexMax13 5 hours ago Mega Swipe Slider (Адаптивный слайдер сайта) By kirians, November 29, 2021 slider slidershow (and 6 more) Tagged with: slider slidershow carousel slideshow слайдер слайдер slideshow слайдер банер слайдер баннер слайдер картинки 0 comments 2,135 views kirians November 29, 2021 Сайт на всю ширину экрана By vvvslv, January 11, 2021 шаблон на всю ширину на ширину окна 2 replies 855 views vlad9bu June 18 Не могу найти путь к редактированию одного предложения в корзине. By knalsur, Thursday at 06:28 PM 7 replies 180 views knalsur Friday at 07:03 PM Не могу загружать фото в webp By Best223, January 16, 2022 23 replies 2,044 views PyrkoComUa July 29 Recently Browsing 0 members No registered users viewing this page.
Anastasiya617 Posted August 7, 2016 Author Share Posted August 7, 2016 Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... вот именно такого ответа я и ждала) благодарствую) Link to comment Share on other sites More sharing options...
HyperLabTeam Posted August 7, 2016 Share Posted August 7, 2016 вот именно такого ответа я и ждала) благодарствую) https://opencartforum.com/topic/58491-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D1%83%D1%80%D1%81-%D0%BF%D0%BE-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8E-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B0-%D0%BD%D0%B0-opencart/ Link to comment Share on other sites More sharing options...
yegorulya Posted January 19 Share Posted January 19 07.08.2016 в 13:21, Tom сказал: Анастасия с кодовым номером 617.Ваша проблема = вашей не внимательности. Откройте в админке Дизайн(иконка дисплея) - Схемы Раз речь о главной странице,то открываем Главная (в английской версии Home) Добавляйте ваш слайдер В колонке Расположение помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину). Вот и вся загадка.... А в версии 3.0.3.7 как можно сделать слайдер на всю ширину экрана? - только лишь слайдер, а не весь сайт внизу за ним. Link to comment Share on other sites More sharing options...
Tom Posted January 19 Share Posted January 19 Путём вёрстки или установки дополнений , которые позволят это сделать. Link to comment Share on other sites More sharing options... yegorulya Posted January 19 Share Posted January 19 19.01.2023 в 09:50, Tom сказал: Путём вёрстки или установки дополнений , которые позволят это сделать. Не знаете случайно модулей? Link to comment Share on other sites More sharing options... yegorulya Posted January 23 Share Posted January 23 19.01.2023 в 12:09, yegorulya сказал: Не знаете случайно модулей? может кому-топригодится, нашла такой модуль, который делает соайдер на весь экран ссылка ниже https://webocreation.com/opencart-free-extension-to-add-full-width-position-in-layout/ Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 1
yegorulya Posted January 19 Share Posted January 19 19.01.2023 в 09:50, Tom сказал: Путём вёрстки или установки дополнений , которые позволят это сделать. Не знаете случайно модулей? Link to comment Share on other sites More sharing options...
yegorulya Posted January 23 Share Posted January 23 19.01.2023 в 12:09, yegorulya сказал: Не знаете случайно модулей? может кому-топригодится, нашла такой модуль, который делает соайдер на весь экран ссылка ниже https://webocreation.com/opencart-free-extension-to-add-full-width-position-in-layout/ Link to comment Share on other sites More sharing options...
Recommended Posts