Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

infobook

Новичок
  
  • Публикаций

    6
  • Зарегистрирован

  • Посещение

Посетители профиля

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

Достижения infobook

Rookie

Rookie (2/14)

  • First Post
  • Week One Done
  • One Month Later
  • One Year In
  • Conversation Starter

Последние медали

0

Репутация

  1. infobook

    background в модулях

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

    background в модулях

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

    background в модулях

    Тогда не понимаю, что я делаю не так: <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> Перепробовал несколько вариантов с этими классами, но не получилось растянуть бэкграунд на всю ширину для этого модуля
  4. infobook

    background в модулях

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

    background в модулях

    Здесь разобрался, оказывается было все банально, стоял отступ в 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;
  6. infobook

    background в модулях

    Здравствуйте! Недавно начал разбираться с 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
×
×
  • Создать...

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

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