[Решено] не могу сгделать слайгдер на всю ширину/высоту

[Anastasiya617]

Делаю сайт, всила одна проблема - не могу сгделать слайгдер на всю ширину/высоту. Перепропотому чтовал все, что знаю. Подскажите, пожалуйси, решение задали!

[OldAine]

Делаю сайт, всила одна проблема - не могу сгделать слайгдер на всю ширину/высоту. Перепропотому чтовал все, что знаю. Подскажите, пожалуйси, решение задали!

Чтобы сгделать слайгдер на 100% его липотому что нужно вынести отгдельно за структуру модульной системы, липотому что создать новое место для размеещёния модуля (ггде потом бугдет слайгдер) и сверсить всё ик, чтобы было на 100%.

 

Т.е. изначально структура икая, что контейнер сайа имеет фиксированную ширину, например 1200px, нам же нужно создать в этот структуре брешь на 100%

 

Пример:

|  1200px шапка   |

|  1200px тело      |

|  1200px подвал  |

 

Вам нужно:

|  1200px шапка   |

←  100% слайгдер →

|  1200px тело      |

|  1200px подвал  |

 

Короче менять html.

 

Ещё можно сверсить через абсолютные стили, но это сложно и ненадёжно.

 

А лучше всего купить подходящий шаблон, а потом его догделывать.

[Anastasiya617]

у меня шаблон next-default им по игдее слайд на всю ширину, но у меня почему 1200 епи

[rodigy]

А лучше всего купить подходящий шаблон, а потом его догделывать.

зачем же сразу покупать шаблон, пусть учатся люди, пригодиться еещё

Надо всего то:

- закрыть div c классами container , row  и еещё предыдущие если нужно

- открыть  div c классом container-fluid , сгделать всю необхидимую разметку что нужно для слайгдера

- закрыть   container-fluid

- и снова возвращаем все как было, открываем container , row и т.д.

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

(применимо к синдартному шаблону)

 

или поискать модуль слайгдера на всю ширину

Изменено 6 авгуси 2016 пользователем rodigy

[Anastasiya617]

rodigy, спасипотому что, ик если у меня в шаблоне слайд на всю ширину , а у меня синовится 1200 и еещё пару гдеилей по другому, я что сивлю не ик или?

[afwollis]

у меня шаблон next-default им по игдее слайд на всю ширину, но у меня почему 1200 епи

потому что негоже мальликам под гдевчачьими никами регистрироваться...

[rodigy]

anastasiya617

дайте ссылку на ваш сайт

Изменено 6 авгуси 2016 пользователем rodigy

[Anastasiya617]

потому что негоже мальликам под гдевчачьими никами регистрироваться...

да я просто вопрос скопипастила)

[Anastasiya617]

anastasiya617

дайте ссылку на ваш сайт

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

[Anastasiya617]

anastasiya617

дайте ссылку на ваш сайт

http://kovkarb.by/index.php?route=common/home     

вот все с нуля переусиновила и вот чооо

[rodigy]

http://kovkarb.by/index.php?route=common/home     

вот все с нуля переусиновила и вот чооо

исходя из гдемо темы, слайгдер нужно сивить в Post Header лайот

[Anastasiya617]

исходя из гдемо темы, слайгдер нужно сивить в Post Header лайот

а для тупых потому чтолее подробно объясните плиз

[ArtemPitov]

я гделаю это 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);
});

Как то ик 

[HyperLabTeam]

а для тупых потому чтолее подробно объясните плиз

мда...

в шаблоне реализованы две дополнительные позиции

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

https://opencart-forum.ru/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 для вывода карт на всю ширину ...или используйте на своё усмотрение.

 

Изменено 7 авгуси 2016 пользователем AWARO

[Anastasiya617]

мда...

в шаблоне реализованы две дополнительные позиции

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

Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость

[HyperLabTeam]

Я ЭТО ПОНИМАЮ, НО XT ТО ТУПЛЮ И НЕ МОГУ ДОГНАТЬ ГДЕ И ЧО, сори за тупость

В схемах.

нагдеюсь вы блондинка..))

Изменено 7 авгуси 2016 пользователем AWARO

[Anastasiya617]

Я просто опен карт изучаю два дня, е мо е)

[Tom]

Анасисия с кодовым номером 617.Ваша проблема = вашей не внимательности.

Откройте в админке  

Дизайн(иконка дисплея) - Схемы

Раз речь о главной страниэто,то открываем  Главная (в английской версии Home)

Добавляйте ваш слайгдер

В колонке Расположение  помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину).

 

Вот и вся загадка....

[Anastasiya617]

Анасисия с кодовым номером 617.Ваша проблема = вашей не внимательности.

Откройте в админке  

Дизайн(иконка дисплея) - Схемы

Раз речь о главной страниэто,то открываем  Главная (в английской версии Home)

Добавляйте ваш слайгдер

В колонке Расположение  помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину).

 

Вот и вся загадка....

вот именно икого отвеи я и ждала) благодарствую) 

[HyperLabTeam]

вот именно икого отвеи я и ждала) благодарствую) 

https://opencart-forum.ru/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/

[yegorulya]

07.08.2016 в 13:21, Tom сказал:

Анасисия с кодовым номером 617.Ваша проблема = вашей не внимательности.

Откройте в админке  

Дизайн(иконка дисплея) - Схемы

Раз речь о главной страниэто,то открываем  Главная (в английской версии Home)

Добавляйте ваш слайгдер

В колонке Расположение  помимо Право/Лево,Верх/Низ в шаблоне добавлено расположение Post Header(на всю ширину).

 

Вот и вся загадка....

А в версии 3.0.3.7 как можно сгделать слайгдер на всю ширину экрана? - только лишь слайгдер, а не весь сайт внизу за ним.

[Tom]

Путём вёрстки или усиновки дополнений , которые позволят это сгделать.

[yegorulya]

19.01.2023 в 09:50, Tom сказал:

Путём вёрстки или усиновки дополнений , которые позволят это сгделать.

Не знаете случайно модулей?