Jump to content

Szablon Classic Prestashop i zdjęcia podkategorii


pietrzyk16

Recommended Posts

Witajcie, mam problem z szablonem i zdjęciami podkategorii.

Zależy mi aby zdjęcie było na całej szerokości kafelki - a nie kwadrat jak w załączniku.

Bardzo proszę o pomoc. zdjęcia ze starego szablonu były w rozmiarach 885x200.

w Załączniku przesyłam ustawienia formatu zdjęć.

Screenshot_2020-08-19 Kategorie pluszowa kraina.png

Screenshot_2020-08-19 Zdjęcia • HappyValley Bartosz Pietrzykowski.png

Link to comment
Share on other sites

Wymaga to modyfikacji, zdjęcie powinno być tłem, a nie wgranym obrazkiem, nie jest to coś co można ustawić bezpośrednio z panelu administracyjnego.

Edytujesz plik: themes/classic/templates/catalog/_partials/category-header.tpl

Tam dajesz mniej więcej taki kod:

<div id="js-product-list-header">
    {if $listing.pagination.items_shown_from == 1}
        <div class="block-category card card-block" {if $category.image.large.url}style="min-height: 200px; background-image: url({$category.image.large.url}); background-size: cover;"{/if}>
            <h1 class="h1">{$category.name}</h1>
            <div class="block-category-inner">
                {if $category.description}
                    <div id="category-description" class="text-muted">{$category.description nofilter}</div>
                {/if}
            </div>
        </div>
    {/if}
</div>

 

  • Thanks 1
Link to comment
Share on other sites

10 hours ago, Krystian Podemski said:

Wymaga to modyfikacji, zdjęcie powinno być tłem, a nie wgranym obrazkiem, nie jest to coś co można ustawić bezpośrednio z panelu administracyjnego.

Edytujesz plik: themes/classic/templates/catalog/_partials/category-header.tpl

Tam dajesz mniej więcej taki kod:


<div id="js-product-list-header">
    {if $listing.pagination.items_shown_from == 1}
        <div class="block-category card card-block" {if $category.image.large.url}style="min-height: 200px; background-image: url({$category.image.large.url}); background-size: cover;"{/if}>
            <h1 class="h1">{$category.name}</h1>
            <div class="block-category-inner">
                {if $category.description}
                    <div id="category-description" class="text-muted">{$category.description nofilter}</div>
                {/if}
            </div>
        </div>
    {/if}
</div>

 

Dziękuję ci bardzo za odpowiedź. Pliki zmieniłem jednak nie mam pojęcia gdzie mogę wgrać zdjęcia do podkategorii na tło? Chodzi o tło do załącznika nr1. przy wgrywaniu przez panel niestety bez zmian. Jeszcze raz dziękuję.

Link to comment
Share on other sites

On 8/20/2020 at 11:13 AM, Krystian Podemski said:

W edycji kategorii. Być może masz problem z cache, postaraj się odświeżyć stronę kilka razy po zmianie zdjęcia i upewnij się, że w back-office nowe zdjęcie też jest widoczne.

To pomogło, jeszcze raz bardzo dziękuję ci za pomoc.

Mam jeszcze pytanie odnośnie widoczności tego tła na telefonach. Niestety nie skaluje się do właściwej wielkości jak np. slider na stronie głównej. Czy jest możliwość ustawienia takiego skalowania dla kategorii? 

Link to comment
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
×
×
  • Create New...