Jump to content
Sign in to follow this  
SiviS

html во всю ширину страницы

Recommended Posts

Подскажите как сделать с помощью модуля html блок во всю ширину экрана?

Сложность в том, что в opencart 2.x - модуль html вставляется в .container (див с классом контейнер) и ширина ограничивается автоматически.

Есть ли какое то решение как создать блок во всю ширину? Может какой то другой модуль или как отредактировать этот?

Share this post


Link to post
Share on other sites

.container заменить на container-fluid или воспользоваться подобным модулем https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=30645&filter_search=container

 

 

Просто не совсем понятно что нужно на всю ширину? только модуль или вообще весь сайт

Share this post


Link to post
Share on other sites

"Выкинув" блок из нормального потока любым способом. Например, использовать position: absolute

Share this post


Link to post
Share on other sites

Ахах, посмеялся. Спасибо за разборочки!)

В общем смотрите, я создаю html блок при помощи модуля "html"

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

Как я могу это сделать?

 

P.S. Мне на всю ширину надо растягивать не весь сайт, а только отдельные блоки вставленные при помощи модуля "html содержимое"

html.jpg

Edited by SiviS

Share this post


Link to post
Share on other sites

Может так понятней станет что я хочу? Вытащить модуль из встроенного контейнера))

html2.jpg

Share this post


Link to post
Share on other sites

Если это на главной то в папке common/home.tpl

 

нужно это <?php echo $content_bottom; ?> поставить перед <?php echo $footer; ?> таким образом в админке дизайн\схемы главная (низ страницы, там ставим свой html), мы выведем блок за пределы контейнера

Думаю, понятно обьяснил :)

Edited by Yurta

Share this post


Link to post
Share on other sites

Сейчас попробую!

Share this post


Link to post
Share on other sites

Yurta, спасибо огромное! Вроде все получилос! Тему можно закрыть.

 

26 minutes ago, Yurta said:

 

Если это на главной то в папке common/home.tpl

 

нужно это <?php echo $content_bottom; ?> поставить перед <?php echo $footer; ?> таким образом в админке дизайн\схемы главная (низ страницы, там ставим свой html), мы выведем блок за пределы контейнера

Думаю, понятно обьяснил :)

 

 

Это решение помогло более чем!

Share this post


Link to post
Share on other sites

Задайте блоку стиль

.full-width {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

 

  • +1 1

Share this post


Link to post
Share on other sites

 

Share this post


Link to post
Share on other sites
В 17.06.2017 в 17:07, Yurta сказал:

Если это на главной то в папке common/home.tpl

 

нужно это <?php echo $content_bottom; ?> поставить перед <?php echo $footer; ?> таким образом в админке дизайн\схемы главная (низ страницы, там ставим свой html), мы выведем блок за пределы контейнера

Думаю, понятно обьяснил :)

Сделал на дефолтном шаблоне ОсStore 2.1.0.2.1 - не получается( Не подскажите, где может быть проблема?

Share this post


Link to post
Share on other sites
12 минут назад, dirtsport сказал:

Сделал на дефолтном шаблоне ОсStore 2.1.0.2.1 - не получается( Не подскажите, где может быть проблема?

 

может кеш модификаторов не обновили после изменений в дополнениях?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.