Add to Cart event using Shopify Prestige Theme not working

Question

Hey folks,I wanted to create a new flow for Browse Abandonment using the add to cart metric. After doing all the steps multiple times provided in this article (https://help.klaviyo.com/hc/en-us/articles/115001396711) I realized that the Prestige Theme may have some issues when it comes to implementation. I’ve tried the snippets 1 and 3 over and over again (snippet 2 will not work because there is no ID in my button code) and here is the code of my add to cart button:

I was putting the snippets into my theme.liquid file and into a custom liquid block on my default product page. I only used one code at a time and checked the implementation in the klaviyo dashboard. The activity with my email will be shown but there is no new added to cart metric that I need for my flow. In fact it is completely missing. I was using “button w-full”, “button” and “w-full” for the class name in snippet 3 but nothing worked.All the steps for a successful integration with shopify were already made and the onsite tracking works perfect. Is there any problem with the Prestige Theme or did I just miss something out? And how do I activate the add to cart metric in my case?Thank you very much for your attention!

Jay-Dee · Accepted Answer

I have an update:After removing the Shopify integration in Klaviyo and activating it again the snippet 3 solution seems to work out. I put the code in my theme.liquid and used “button w-full” for the name of the class.If someone using the Prestige Theme has similar problems, just re-activate the whole intergation.This thread can be closed.

Maxbuzz · Answer

Hello@Jay-Dee You can use thisvar className=document.querySelector("#product-form-main-855881121836-template--16152014258220__main > div > buy-buttons > button");

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials