zapytaj o produkt prestashop

Przycisk zapytaj o produkt widoczny na karcie produktu Prestashop

Funkcja zapytaj o produkt może okazać się szczególnie użyteczna dla produktów dostępnych jedynie na zamówienie. Niestety w swojej podstawowej wersji Prestashop 1.6 nie jest w nią wyposażona. Na szczęście dopisanie odpowiedniego fragmentu kodu nie powinno być zbytnio skomplikowane nawet dla osób, które nie mają szczególnego doświadczenia z programowaniem.

Przycisk „Zapytaj o produkt” widoczny na karcie produktu

Nasze prace rozpoczniemy od skopiowania plików, które będziemy edytować. Interesuje nas plik szablonu karty produktu product.tpl, który znajduje się w katalogu /themes/default-bootstrap/.

Odszukujemy liniÄ™ 216

<span id=”availability_value” class=”label{if $product->quantity <= 0 && !$allow_oosp} label-danger{elseif $product->quantity <= 0} label-warning{else} label-success{/if}”>{if $product->quantity <= 0}{if $PS_STOCK_MANAGEMENT && $allow_oosp}{$product->available_later}{else}{l s=’This product is no longer in stock’}{/if}{elseif $PS_STOCK_MANAGEMENT}{$product->available_now}{/if}</span>

PowyĹĽsza linia odpowiedzialna jest za wyĹ›wietlanie informacji w sytuacji w ktĂłrej stan magazynowy naszego produktu wynosi „0”. Kod naszego przycisku zapytaj o produkt umieĹ›cimy poniĹĽej tej linii.

Zaczynamy od dodania instrukcji warunkowej {if}, kod w niej zawarty bÄ™dzie wyĹ›wietlany jedynie w sytuacji gdy stan magazynowy produktu bÄ™dzie rĂłwny lub mniejszy od „0”.

{if $product->quantity <= 0 && !$allow_oosp}

{/if}

W naszym przypadku, będzie to formularz, odwołujący się do strony z kontaktem.

<form action=”kontakt” method=”post” enctype=”multipart/form-data”>
<input type=”hidden” name=”message” value=”{$product->name|escape:’html’:’UTF-8′} w cenie : {convertPrice price=$productPrice|floatval}” />
<input type=”hidden” name=”id_contact” value=”1″ />
<input type=”submit” name=”potwierdz” value=”Zapytaj o produkt” style=”color:white;text-align:center;background:#e17f28;padding:2px;display:inline-block; margin-left:5px;margin-top:8px;margin-right:10px;width:100%;border:1px solid #964d0c;” />
</form>

Formularz bÄ™dzie przekazywaĹ‚ jedynie dwa parametry pierwszy z nich – message – bÄ™dzie odpowiadaĹ‚ za treść wiadomoĹ›ci:

<input type=”hidden” name=”message” value=”{$product->name|escape:’html’:’UTF-8′} w cenie : {convertPrice price=$productPrice|floatval}” />

Przekazujemy w nim w postaci zmiennych systemowych nazwÄ™ produktu oraz jego cenÄ™ katalogowÄ…. DrugÄ… wartoĹ›ciÄ… jest pole id_contact – odpowiedzialne za wybĂłr wĹ‚aĹ›ciwej pozycji w liĹ›cie rozwijanej tematu wiadomoĹ›ci. W domyĹ›lnej instalacji Prestashop mamy do wyboru dwa tematy 1 – ObsĹ‚uga klienta 2 – Webmaster. W naszym wypadku przekaĹĽemy wartość 1 nic nie stoi jednak na przeszkodzie aby na zapleczu Prestashop dodać nowy temat – „Zapytaj o produkt”.

<input type=”hidden” name=”id_contact” value=”1″ />

Na koniec pozostaje dopisanie przycisku akceptujÄ…cego nasz formularz.

<input type=”submit” name=”potwierdz” value=”Zapytaj o produkt” style=”color:white;text-align:center;background:#e17f28;padding:2px;display:inline-block; margin-left:5px;margin-top:8px;margin-right:10px;width:100%;border:1px solid #964d0c;” />

W efekcie koĹ„cowym powinniĹ›my uzyskać nastÄ™pujÄ…cy efekt – przekierowanie do wstÄ™pnie wypeĹ‚nionego formularza kontaktowego.

zapytaj o produkt prestashop

Wstępnie wypełniony formularz kontaktowy z zapytaniem o produkt.

Mam nadzieję, że powyższe rozwiązanie okaże się przydatne. Zachęcam do opisywania własnych doświadczeń w ramach komentarzy pod postem.

Print Friendly, PDF & Email