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