Dostosowanie szablonu niestandardowego

Moduł PShowConversion bazuje na strukturze szablonu podstawowego PrestaShop.
Poniżej rozpisaliśmy wskazówki dla dostosowania własnego szablonu, aby moduł poprawnie wykrywał i wysyłał zdarzenia do usług Google.

view_item_list - wyświetlenie listy produktów
Każdy produkt na liście powinien być wewnątrz własnego tagu z klasą .product-miniature[data-id-product="*"] gdzie * to identyfikator produktu. Dodatkowo atrybut data-id-product-attribute może wskazywać na konkretną kombinację. Nazwa listy powinna być wewnątrz elementu .products-section-title lub .section-title

view_item - wyświetlenie strony produktu
Tag powinien posiadać atrybut id=“product” oraz klasę product-id-*

select_item - wybór produktu z listy
Każdy produkt na liście powinien być wewnątrz własnego tagu z klasą .product-miniature oraz atrybutem data-id-product zawierającym identyfikator produktu. Dodatkowo atrybut data-id-product-attribute może wskazywać na konkretną kombinację. Nazwa listy powinna być wewnątrz elementu z klasą products-section-title lub section-title.

add_to_cart - dodanie produktu do koszyka
Moduł używa zdarzenia updateCart emitowanego przez Prestashop - https://devdocs.prestashop-project.org/8/themes/reference/javascript-events/

remove_from_cart - dodanie produktu do koszyka
Moduł używa zdarzenia updateCart emitowanego przez Prestashop - https://devdocs.prestashop-project.org/8/themes/reference/javascript-events/

add_delivery_info
Polami wyboru metody dostawy powinny być elementy .delivery-option input[type="radio"]. Nazwa przewoźnika powinna być w label[for=“*”] .carrier-name gdzie * to identyfikator pobierany z wybranego input[type=“radio”]

add_payment_info
Polami wyboru metody płatności powinny być elementy input[name="payment-option"]. Nazwa przewoźnika powinna być w label[for=“*”] gdzie * to identyfikator pobierany z wybranego input[name="payment-option"]