Автор Тема: Верхний баннер на всю ширину  (Прочитано 4404 раз)

13 Декабрь 2015, 23:18:30
Ответ #15
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Я в правильном месте удалила </div>? Их было три.
Ничего не меняется с этим упрямым баннером
{/if}
<div id="page">
<header id="header">
<div class="header-container">
{capture name='displayBanner'}{hook h='displayBanner'}{/capture}
{if $smarty.capture.displayBanner}
<div class="banner">    
<div class="container">
<div class="row">
{$smarty.capture.displayBanner}
</div>
                                                           </div>
{/if}
{capture name='displayNav'}{hook h='displayNav'}{/capture}
{if $smarty.capture.displayNav}
14 Декабрь 2015, 00:45:56
Ответ #16
  • Фрилансер
  • *
  • Сообщений: 113
  • Репутация: +3/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<div id="page">
<div class="header-container">
{capture name='displayBanner'}{hook h='displayBanner'}{/capture}
{if $smarty.capture.displayBanner}
<div class="banner">
<div class="row">
{$smarty.capture.displayBanner}
</div>
</div>
{/if}
<header id="header">
14 Декабрь 2015, 10:31:37
Ответ #17
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо огромное! Наконец-то все сдвинулось с мертвой точки. Честно говоря, стыдно, что сразу даже не поняла, что значит "вынести из контейнера" header.
Но теперь у меня баннер позиционирован слева. Два часа пыталась найти, где это поправить. Если в режиме редактирования faierbug задать размер img responsive побольше, чем 1170, то картинка благополучно растягивается на весь экран. Только где это сделать? Тысячи извинений, обещаю, что буду учиться)
Это из fierbug:
<body id="index" class="index hide-left-column hide-right-column lang_ru">
   <div id="page">
        <div class="header-container">
                <div class="banner">
                        <div class="row">
                                 <a title="" href="http://zdorovieok.ru/">
                                    <img class="img-responsive" width="1170" height="65"
                                      title="" alt=""   src="http://zdorovieok.ru/modules/blockbanner/img/abd3cbbed9ae484208449a85ae653682.jpg">
                                </a>
                       </div>
            
14 Декабрь 2015, 11:15:59
Ответ #18
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Еще только что заметила проблему, которая после редактирования header.tpl появилась - все тело сайта не на всю ширину экрана, появилась полоса прокрутки снизу, белая полоса 10px. Подскажите, как это можно исправить? Интересно что заливку фона делала частями - header, column-container и footer, а тут съехало все дружно. Значит какое-то совсем верхнее свойство.
14 Декабрь 2015, 14:51:52
Ответ #19
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Плавающая или резиновая сетка макета Bootstrap
Вам нужно было не удалять
<div class="container">а заменить его на класс
<div class="container-fluid">и
<div class="row">заменить на
<div class="row-fluid">В файл стилей global.css добавить правила css bootsrap для классов "container-fluid" и "row-fluid".

Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
14 Декабрь 2015, 22:04:06
Ответ #20
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Всем огромное спасибо! Баннер растянулся на ширину экрана, я нашла строчку из файербага в файле blockbanner.tpl и изменила ширину.
Теперь только проблема с тем, что сайт в ширину на 10 пикселей шире, чем экран. Это появилось после того, как вынесла header-container из блока header.
15 Декабрь 2015, 10:46:27
Ответ #21
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Удалите еще
<div class="row"> вот так
<div class="banner">
{$smarty.capture.displayBanner}
</div>
15 Декабрь 2015, 17:01:16
Ответ #22
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо большое! Все отлично теперь!  :)
На этом форуме еще раз убеждаешься, что мир не без добрых людей)