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

Zarejestruj się za darmo i naucz się zarabiać online!

  • 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, sztucznej inteligencji 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ę
  • Polecana zawartość

    • Poradnik podatkowy - jak rozliczać się z pieniędzy zarobionych przez Internet bez DG?
      Zarabianie w Internecie wiąże się z koniecznością płacenia podatków - a rozliczanie się z urzędem skarbowym nie jest jednoznaczne i proste. Prawo podatkowe w Polsce jest nieujednolicone - co oznacza, że każdy urząd skarbowy może mieć inne interpretacje. Sprawdź jak się za to zabrać!
        • Lubię to!
        • Super
      • 12 odpowiedzi
    • JDG - Jak zarejestrować, rozliczać i prowadzić działalność gospodarczą w Polsce
      Jednoosobowa działalność gospodarcza (JDG) to najprostsza forma prowadzenia działalności gospodarczej w Polsce. Jest to działalność prowadzona przez jedną osobę fizyczną na własne nazwisko i na własne ryzyko. Jednak mimo, że nazywa się jednoosobowa - daje jednak możliwość zatrudniania pracowników. Takich firm jest zarejestrowanych w Polsce zdecydowanie najwięcej. Sprawdź jak zarejestrować, rozliczać i prowadzić własną JDG!
        • Super
      • 3 odpowiedzi
    • Inwestowanie w obligacje detaliczne skarbu państwa - od podstaw!
      Sprawdź jak inwestować w obligacje skarbowe - krok po kroku! Detaliczne obligacje skarbowe to rodzaj obligacji emitowanych przez Państwo, które są oferowane indywidualnym inwestorom, takim jak osoby fizyczne, a nie instytucjom finansowym.

      Są to instrumenty dłużne, nienotowane na żadnym rynku, co oznacza że kupując taką obligację, w praktyce pożyczasz pieniądze państwu na określony czas, a w zamian otrzymujesz odsetki. Można więc powiedzieć że obligacje są indywidualną pożyczką na określony % dla Skarbu Państwa. Państwo odda Ci więcej niż od Ciebie pożyczyło.
        • Super
      • 7 odpowiedzi
    • Jak pozyskiwać i zarabiać na poleconych dzięki make-cash.pl
      W tym poradniku przedstawiam możliwości dostępne dla każdego użytkownika. Dowiesz się jak efektywnie wykorzystać forum do zbierania poleconych i budowania dodatkowych zysków.

      Make-cash.pl to miejsce, gdzie ludzie dzielą się swoimi doświadczeniami, poszukują porad i rekomendacji, a także nawiązują wartościowe kontakty. Codziennie odwiedza nas minimum 2000 unikalnych osób, które są zainteresowane zarabianiem przez Internet - a to ogromny potencjał, z którego może korzystać nie tylko administracja - ale każdy użytkownik forum !
        • Super
      • 2 odpowiedzi
    • Jak pisać treści na stronę internetową z wykorzystaniem AI
      Tworzenie treści od podstaw może być procesem czasochłonnym. Istnieje wiele mniejszych kroków, o których należy pomyśleć w drodze do stworzenia atrakcyjnych treści, takich jak badanie rynku, SEO i redagowanie tekstu, a to tylko początek. Jednak nie musisz zaczynać od zera, gdy istnieją narzędzia AI, które mogą pomóc w tworzeniu wysokiej jakości treści. 
        • Dzięki!
        • Super
      • 13 odpowiedzi
×
×
  • 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 .