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

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

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

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

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

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

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


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

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

 

 

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

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


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

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

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


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

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

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

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

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

 

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

html.jpg

Изменено пользователем SiviS

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


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

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

html2.jpg

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


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

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

 

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

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

Изменено пользователем Yurta

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


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

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

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


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

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

 

26 minutes ago, Yurta said:

 

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

 

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

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

 

 

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

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


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

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

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

 

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


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

 

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


Ссылка на сообщение
Поделиться на другие сайты
В 17.06.2017 в 17:07, Yurta сказал:

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

 

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

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

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

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


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

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

 

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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