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 (see edit history)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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