Baner kategorii

[TomTomTom]

Witam serdecznie mam taki problem ze sklepem arabesque.pl:

Ograniczenie wielkości przerwy w banerze górnym kategorii. Zdjęcie jest ograniczone na boki i jest responsywne ale zmieniając wielkość okna czy po otwarciu strony mobilnie przerwa od góry o dółu zdjęcia robi się większa/mniejsza. Pytanie jak wielkośc tej przerwy ustalić „na sztywno”.

 

 

Proszę o pomoc

Pozdrawiam.

 

[selljus.pl]

Nie widać zdjęć

[TomTomTom]

chodzi o sklep arabesque.pl

[selljus.pl]

Wygląda to tak z tego względu, że zdjęcie zmniejszane jest proporcjonalnie - zgodnie z wielkością okna, a plikach css mamy przypisaną minimalną wielkość tej powierzchni:

min-height: 450px;

a to z tego względu, że ta ilustracja wyświetlana jest jako tło, nie element img.
 

[TomTomTom]

A jak to naprawić?

[atomek]

w pliku category.tpl odszukaj diva z klasą content_scene_cat_bg, zakomentuj lub usuń wraz z całą wewnętrzną zawartością.

dodaj w to miejsce kod:

<div class="content_scene_cat_bg">
    <img class="img-responsive" src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}" />
</div>

włącz kompilacje szablonu, wyczyść cache, powinno działać,

 

możesz też dodać warunek sprawdzający czy obrazek kategorii istnieje

{if $category->id_image}

    <img class="img-responsive" src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}" />

{/if}

 

Edited August 20, 2018 by atomek (see edit history)

[TomTomTom]

dziękuję działa