Skocz do zawartości

Modyfikacja szablonu prestashop - dodanie flagi


Rekomendowane odpowiedzi

Witam, czy ktoś wie co jak i gdzie napisać by dodać nowa flagę na produkcie gdy stan magazynowy jest równy 0? Mam teraz tak:

 

wkgxkjO_d.jpg?maxwidth=640&shape=thumb&f

 

I chce dodać własną flagę tak samo wyglądającą jak te z napisem "nowe" lub "tylko online". Flaga ma się pojawiać na każdym produkcie z napisem "na zamówienie" gdy stan magazynowy to 0. Może być po lewej, chociaż lepiej by wyglądało po prawej na dole. Ale to już mniejsza o to. Ktoś będzie wiedział jak to napisać i gdzie? 

Prestashop 1.7.5.1

Edytowane przez JimUSA

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

Podstawowe pytanie to jaka wersja 1.6 czy 1.7?

Wysłane z mojego HMA-L29 przy użyciu Tapatalka

A dopiero teraz doczytałem na końcu że 1.7.5 :)

Edytuj themes/classic/templates/catalog/_partials/miniatures/product.tpl

I tam wstaw w klamrach warunek jeśli ilość stockowa produktu jest równa 0 to wyświetl obrazek albo div tekst czy co tam chcesz... Czyli coś w stylu {if $product.quantity == 0}niedostepny{/if}... Po zmianach wyczysc pamięć podręczna aby szablony się zrekompilowaly.

Wysłane z mojego HMA-L29 przy użyciu Tapatalka

Odnośnik do komentarza

@RafikiPawian Udało mi się już ogarnąć temat ;) zrobiłem coś takiego:

WBFtIbg.jpg

 

Chyba dobry efekt?

Kod do tego był:

{block name='product_flags'}
<ul class="product-flags">
{if $product->quantity == 0 AND $quantity == 0}
    <li class="product-flag oos">
        {l s="Not Available" d="Shop.Theme.Catalog"}
    </li>
    {/if} {foreach from=$product.flags item=flag}
    <li class="product-flag {$flag.type}">{$flag.label}</li>
    {/foreach}
</ul>
{/block}

I do tego lekka modyfikacja CSS po przez dopisanie .oos by styl się wyświetlał

17 godzin temu, RafikiPawian napisał:

Podstawowe pytanie to jaka wersja 1.6 czy 1.7?

Wysłane z mojego HMA-L29 przy użyciu Tapatalka
 

A dopiero teraz doczytałem na końcu że 1.7.5 :)

Edytuj themes/classic/templates/catalog/_partials/miniatures/product.tpl

I tam wstaw w klamrach warunek jeśli ilość stockowa produktu jest równa 0 to wyświetl obrazek albo div tekst czy co tam chcesz... Czyli coś w stylu {if $product.quantity == 0}niedostepny{/if}... Po zmianach wyczysc pamięć podręczna aby szablony się zrekompilowaly.

Wysłane z mojego HMA-L29 przy użyciu Tapatalka
 

heh teraz mam problem taki że o ile tutaj jest ok to po wejściu w produkt lub na stronie głównej w bloku z produktami nie wyświetla się flaga ;) inne się pojawiają ale nie ta moja

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza
13 minut temu, RafikiPawian napisał:

Musisz to samo dodać w szablonie z kartą produktu czyli:

themes/classic/templates/catalog/product.tpl

Gdzieś na początku pliku za {block name='content'} będzie <ul class="product-flags">  to już pewnie wiesz co zrobić :)

dobra jest postęp ;) jeszcze brakuje mi tylko w bloku na stronie głównej

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza

W jakim module? Polecane produkty? Najnowsze produkty? Bestsellery?... Wejdź w szablonie themes/classic/modules znajdź interesujący moduł i w nim folder views i dalej tam powinnien być plik tpl z kodem wyglądu danego modułu... Reszta zmian analogicznie jak w poprzednich wypadkach powinna wyglądać.... w sumie dużo też zależy od samego modułu tymbardziej że w swoim szablonie możesz mieć jakieś niestandardowe.

Wysłane z mojego HMA-L29 przy użyciu Tapatalka

Odnośnik do komentarza
3 godziny temu, RafikiPawian napisał:

W jakim module? Polecane produkty? Najnowsze produkty? Bestsellery?... Wejdź w szablonie themes/classic/modules znajdź interesujący moduł i w nim folder views i dalej tam powinnien być plik tpl z kodem wyglądu danego modułu... Reszta zmian analogicznie jak w poprzednich wypadkach powinna wyglądać.... w sumie dużo też zależy od samego modułu tymbardziej że w swoim szablonie możesz mieć jakieś niestandardowe.

Wysłane z mojego HMA-L29 przy użyciu Tapatalka
 

Mam wlasnie modul dostarczony wraz z szablonem ktory kupowalem. Jak patrzylem to nie ma nazwy tego modulu w folderze

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza

Zbadaj czy wgl pojawia się HTML odpowiedzialny za te nowe elementy... Możliwe że szablon zalacza oddzielne style dla urządzeń mobilnych.

Co do nazw modułów odnajdziesz je na podstronie z listą modułów (module manager w panelu) , klikając na dany moduł na przycisk konfugruj lub wyłącz pokaże się nazwa modułu(folderu) w pasku adresu przegladarki na samym końcu ale przed tokenem... Albo jak najedziesz na przycisk to w linku od tego przycisku będzie nazwa folderu z modułem przez parametrem token

Wysłane z mojego HMA-L29 przy użyciu Tapatalka

Odnośnik do komentarza
53 minuty temu, RafikiPawian napisał:

Zbadaj czy wgl pojawia się HTML odpowiedzialny za te nowe elementy... Możliwe że szablon zalacza oddzielne style dla urządzeń mobilnych.

Co do nazw modułów odnajdziesz je na podstronie z listą modułów (module manager w panelu) , klikając na dany moduł na przycisk konfugruj lub wyłącz pokaże się nazwa modułu(folderu) w pasku adresu przegladarki na samym końcu ale przed tokenem... Albo jak najedziesz na przycisk to w linku od tego przycisku będzie nazwa folderu z modułem przez parametrem token

Wysłane z mojego HMA-L29 przy użyciu Tapatalka
 

Problem z modułem jest taki że niestety nie mogę w niego kliknąć:

 xo0sd1o.png

 

jest wyświetlany na pasku po lewej:

1cw1rtO.png

ale tego:

2YZifbG.png

Niestety nie ma w:

nLTr4b3.png

public_html/themes/gearbest/modules

Mój szablon to właśnie gearbest.

Jedynie gdzie ten folder się znajduje to w głównym polderze: public_html/modules

wW1qFn9.png

Co do wersji mobilnej to sprawdzę jeszcze raz ale szukałem w pliku CSS po przez F3 i słowa "flag" znalazło mi wszystko i wszędzie dodałem swoją. Więc raczej nie tego wina ale ponownie przeszukam całego CSS'a (15k linii ;) )

dobra z CSS to była wina chrome i ciasteczek. Na safari normalnie się flaga wyświetlała. Ale brak flag w bloku dalej pozostaje zagwozdką pomimo że w CSS dodałem:

hkcAngY.png

Wszędzie moją flagę ".oos"

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza

Najedz na moduł i na przycisk "Wyłącz" jeśli nie ma konfiguruj i zerknij na dolny pasek adresu czyli aby odczytać do jakiego url kieruje ten przycisk

Screen w załaczniku powinien pomóc.

Co do wersji mobilnej - najlepiej w chrome otwórz narzedzia developera, zrób widok np na iphona x i wtedy przejdz do elementu który się nie wyświetla i zbadaj czy w kodzie HTML jest wgl ten element (kod html odpowiadajacy za tą flage) - jeśli jest to brakuje styli - jak nie ma to gorzej bo znaczy ,że wcale się nie wygenerował dla wersji mobilnej.

Untitled-2.jpg

Odnośnik do komentarza
2 godziny temu, RafikiPawian napisał:

Najedz na moduł i na przycisk "Wyłącz" jeśli nie ma konfiguruj i zerknij na dolny pasek adresu czyli aby odczytać do jakiego url kieruje ten przycisk

Screen w załaczniku powinien pomóc.

Co do wersji mobilnej - najlepiej w chrome otwórz narzedzia developera, zrób widok np na iphona x i wtedy przejdz do elementu który się nie wyświetla i zbadaj czy w kodzie HTML jest wgl ten element (kod html odpowiadajacy za tą flage) - jeśli jest to brakuje styli - jak nie ma to gorzej bo znaczy ,że wcale się nie wygenerował dla wersji mobilnej.

Untitled-2.jpg

To mam to:

jdpomBK.png

 

I takiego folderu nie ma w folderze z szablonem ?

a dodanie tego w głównym folderze z modułami nic nie daje. Mogę ci podesłać pliki jak to wygląda

Edytowane przez JimUSA

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza

Dobra dodałem i działa, znaczy prawie:

Ll3dC8j.png

Nie wiem czemu tylko podwaja mi napis "Nowy"

3QXAeCX.png

EDIT jest już gut git. musiałem zamiast tego:

{block name='product_flags'}
<ul class="product-flags">
{if $product->quantity == 0 AND $quantity == 0}
    <li class="product-flag oos">
        {l s="Na zamówienie" d="Shop.Theme.Catalog"}
    </li>
    {/if} {foreach from=$product.flags item=flag}
    <li class="product-flag {$flag.type}">{$flag.label}</li>
    {/foreach}
</ul>
{/block}

wstawić to:

{block name='product_flags'}
<ul class="product-flags">
{if $product->quantity == 0 AND $quantity == 0}
    <li class="product-flag oos">
        {l s="Na zamówienie" d="Shop.Theme.Catalog"}
    </li>
    {/if}
</ul>
{/block}

Teraz wygląda wszystko idealnie:

PS. lepiej to "na zamówienie" po prawej wygląda czy dać po lewej? tylko wtedy jest nad "nowy"

hLCS37C.jpg

Sy9KORs.png

cnH5GF2.png

 

Wbij i znajdź ludzi z którymi pograsz: Discord - Family Crew
Zapraszam do mojego sklepu: world4players

Odnośnik do komentarza

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .