Jump to content

Recommended Posts

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”.

 

 

getattach,mid,67332,mpid,5,mlid,-1,uid,6

getattach,mid,67332,mpid,6,mlid,-1,uid,6

Proszę o pomoc

Pozdrawiam.

 

Share this post


Link to post
Share on other sites

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.
 

Share this post


Link to post
Share on other sites

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 by atomek

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More