Adjusting the custom template

PShowConversion module is based on the PrestaShop base template structure.
Below we have written out tips for customizing your own template so that the module correctly detects and sends events to Google services.

view_item_list - display a list of products
Each product in the list should be inside its own tag with the class .product-miniature[data-id-product="*"] where * is the product ID. In addition, the data-id-product-attribute can point to a specific combination. The list name should be inside the .products-section-title or .section-title element

view_item - display product page
Tag should have id="product" attribute and product-id-* class.

select_item - selecting a product from the list
Each product in the list should be inside its own tag with a .product-miniature class and a data-id-product attribute containing the product ID. In addition, the data-id-product-attribute can point to a specific combination. The list name should be inside the element with the class products-section-title or section-title.

add_to_cart - adding a product to the cart
The module uses the updateCart event emitted by Prestashop - https://devdocs.prestashop-project.org/8/themes/reference/javascript-events/

remove_from_cart - adding a product to the cart
The module uses the updateCart event emitted by Prestashop - https://devdocs.prestashop-project.org/8/themes/reference/javascript-events/

add_delivery_info
Delivery method selection fields should be .delivery-option input[type="radio"] elements. The carrier name should be in label[for="*"] .carrier-name where * is the ID taken from the selected input[type="radio"].

add_payment_info
Payment method selection fields should be input[name="payment-option"] elements. The carrier name should be in label[for="*"] where * is an identifier taken from the selected input[name="payment-option"].