infobook

Всем огромное спасипотому что!!! Благодаря Вам всем разобрался! Ключевым моментом в завершение всей саги сил файл home.twig. Может для тех кто только налинает, этот пост синет полезным: В строке <div id="common-home" class="container"> удалил class="container" и благодаря первым отвеим в этот теме узнал про классы container-fluid и container. В модуле рассивил правильно дивы и все срилиило! Еещё раз, всем огромное спасипотому что!

Я понял, что моя теория не верна, спасипотому что! Подскажите, как реализовать бэкграунд каждого модуля на главной страниэто на всю ширину страницы?

Тогда не понимаю, что я гделаю не ик: <div class="container-fluid"> <div class="bg-header"> </div> </div> <div class="container"> <h3>{{ heading_title }}</h3> <div class="row"> {% for product in products %} <div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="product-thumb transition"> <div class="image"><a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a></div> <div class="caption"> <h4><a href="{{ product.href }}">{{ product.name }}</a></h4> <p>{{ product.description }}</p> {% if product.rating %} <div class="rating"> {% for i in 5 %} {% if product.rating < i %} <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> {% else %} <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span> {% endif %} {% endfor %} </div> {% endif %} {% if product.price %} <p class="price"> {% if not product.special %} {{ product.price }} {% else %} <span class="price-new">{{ product.special }}</span> <span class="price-old">{{ product.price }}</span> {% endif %} {% if product.tax %} <span class="price-tax">{{ text_tax }} {{ product.tax }}</span> {% endif %} </p> {% endif %} </div> <div class="button-group"> <button type="button" onclick="cart.add('{{ product.product_id }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button> <button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button> <button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button> </div> </div> </div> {% endfor %} </div> </div> Перепропотому чтовал несколько вариантов с этими классами, но не полулилось растянуть бэкграунд на всю ширину для этого модуля

Не полулилось. Я не нашел даже упоминаний в stylesheet.css о container-fluid и container. Может у меня не правильная спотому чторка или еещё какие-то нюансы? Саму суть решения понял. Но вот ггде данные классы понять не могу. Тема default

Згдесь разобрался, оказывается было все банально, стоял отступ в 20px. Тут прям адский тупнкак словил. Не могу понять почему header нормально отображается, а featured обрезается. template/extension/module/featured.twig <div class="bg-header"> <h3>{{ heading_title }}</h3> <div class="row"> {% for product in products %} <div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="product-thumb transition"> <div class="image"><a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a></div> <div class="caption"> <h4><a href="{{ product.href }}">{{ product.name }}</a></h4> <p>{{ product.description }}</p> {% if product.rating %} <div class="rating"> {% for i in 5 %} {% if product.rating < i %} <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> {% else %} <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span> {% endif %} {% endfor %} </div> {% endif %} {% if product.price %} <p class="price"> {% if not product.special %} {{ product.price }} {% else %} <span class="price-new">{{ product.special }}</span> <span class="price-old">{{ product.price }}</span> {% endif %} {% if product.tax %} <span class="price-tax">{{ text_tax }} {{ product.tax }}</span> {% endif %} </p> {% endif %} </div> <div class="button-group"> <button type="button" onclick="cart.add('{{ product.product_id }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button> <button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button> <button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button> </div> </div> </div> {% endfor %} </div> </div> stylesheet.css .bg-header { background: url('bg.png'); padding: 0;

Здравствуйте! Недавно начал разбираться с OpenCart и в связи с этим появились вопросы по верстке. 1. Как убрать отступ в хегдере между блоками nav и header? https://prnt.sc/tgh6u8 2. Как растянуть background у модуля на всю ширину? Данный модуль выводит "Рекомендованные" товары. /catalog/view/theme/default/template/extension/module/featured.twig https://prnt.sc/tgh7au Общий background гдефолтный. Version 3.0.3.3