Форум пользователей Impera CMS
Impera CMS - отличный движок для лёгкого создания интернет магазина.
Обладает невероятным количеством функций, необходимых в онлайн торговле.

Как исправить авто высоту баннера в правой панели сайта?

Следить
Главная
12:18
04 мар
#
?
Юрий написал:

При добавлении баннера в правую панель на сайте boom.com.ua он некрасиво масштабируется под контейнер 233 на 172 пикселей. Хотелось бы снять ограничение по высоте. Как это исправить? Вырезку кода нужной части html страницы прилагаю.

...
...

<!-- Правая колонка =================================== / -->

<div id="right_collum">
    <!-- div class="list_sravni">
        ...
        ...
    </div>
    <br / -->

    <div>

        <!--  -->

        <div class="banner BANNER90078605idCLASS" style="height: 172px; max-height: 172px; min-height: 172px; max-width: 233px; min-width: 233px; width: 233px;">
            <a class="image BANNER90078605idCLASS_current" href="http://boom.com.ua/catalog/PK-i-komplektuyushchie/Setevoe-oborudovanie/TP-Link" style="height: 172px; max-height: 172px; min-height: 172px; max-width: 233px; min-width: 233px; width: 233px;">

                <!-- картинка -->
                <img src="http://boom.com.ua/files/banners/Boom-right/tp-link2.jpg" style=" max-height: none; max-width: 233px;">

                <!-- титул -->

                <!-- описание -->

                <!-- цена -->
            </a>
        </div>

        <!-- Скрипт обслуживания баннера -->
        ...
        ...

    </div>

    ...
    ...

</div>

...
...
13:31
04 мар
#
Разработчик написал:

В конец основного стилевого файла просто допишите следующие неперекрываемые правила для высоты контейнера, ссылки и картинки баннера.

#right_collum div.banner,
#right_collum div.banner > a.image,
#right_collum div.banner > a.image > img {
    max-height: none !important;
    min-height: none !important;
    height: auto !important;
}
15:09
04 мар
#
?
Юрий написал:

Еще вопрос. Как сделать правый баннер подгружающим картинки в зависимости от страницы? Чтобы при заходе на "Сетевое оборудование" (boom.com.ua/catalog/PK-i-komplektuyushchie/Setevoe-oborudovanie) показывалась одна картинка, а на других она не появлялась.

Прилагаю вырезку из шаблона design/boom/html/common/product-list.tpl, где у нас формируется правый баннер.

...
...

<!-- Правая колонка =================================== / -->

<div id="right_collum">
    <!-- div class="list_sravni">
        ...
        ...
    </div>
    <br / -->

    {* <!-- баннер 233х172 справа --> *}
    <div>

        {* <!-- подключаем глобальный субшаблон баннеров --> *}
        {include file = "../../../common_parts/banners.htm"
                 id = ""
                 items = $banners|default:""
                 folder = "Boom-right/"
                 width = 233
                 height = 172
                 static = true
                 timer = 5000}
    </div>

    ...
    ...
15:38
04 мар
#
Разработчик написал:

Дополните код следующим образом:

...
...

<!-- Правая колонка =================================== / -->

<div id="right_collum">
    <!-- div class="list_sravni">
        ...
        ...
    </div>
    <br / -->

    {* <!-- баннер 233х172 справа --> *}
    <div>

        {* <!-- подключаем глобальный субшаблон баннеров --> *}
        {$subpath = $category->url|default:$brand->url|default:''}
        {$subpath = ($subpath != '') ? ($subpath|cat:'/') : ''}
        {include file = "../../../common_parts/banners.htm"
                 id = ""
                 items = $banners|default:""
                 folder = "Boom-right/"|cat:$subpath
                 width = 233
                 height = 172
                 static = true
                 timer = 5000}
    </div>

    ...
    ...


Здесь мы сформировали переменную $subpath на основе URL (адреса) текущей категории или бренда. Затем доклеили слеш на конце переменной, если она оказалась не пустой (то есть если посетитель магазина в этот момент действительно находится в категории или бренде). И эту переменную подклеили к имени папки баннеров при вызове баннер-модуля.

Теперь зайдите на страницу баннеров в админпанели, откройте папку Boom-right и создайте внутри папку PK-i-komplektuyushchie, а в ней папку Setevoe-oborudovanie. Загрузите в эту конечную папку желаемую картинку баннера.

Перейдите на клиентскую сторону и посмотрите - нужная картинка показывается только на заданной странице.

Написание ответа

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


Обратите внимание! Для противодействия спаму новые посты форума проявляются с задержкой от нескольких минут, пока не пройдут модерацию.


Хостинг для сайта

Хостинг для интернет магазина

Svai.net

Украина
г. Черкассы
5+ Заказать

TutHost.ua

Украина
г. Киев
Заказать

Mirohost.net

Украина
г. Киев
? Заказать

HyperHosting.com.ua

Украина
г. Винница
i подробнее Заказать

Agava.ru

Россия
г. Москва
Заказать

Ukraine.com.ua

Украина
г. Киев
5 Заказать
Импераготовасотрудничатьс провайдерами Важно Учтите Этот список перечисляет лишь некоторых хостинг-провайдеров, у которых существуют специальные тарифные планы для интернет магазинов, а сам список не означает, что другие провайдеры чем-то хуже.

Существующие в списке оценки по 5-бальной шкале не должны учитываться при выборе, так как носят субъективный характер и касаются соотношения цена-качество-скорость только для самых дорогих тарифных планов.

Демо Главная Хронология Соглашение Материалы Контакты