I have added the back in stock code snippet to my themes.liquid page above the body as described in the instructions. The notify me button appears on out of stock items but when I test this feature and click the button the notify me is only showing for the size small and I want the notification for the 2XL. How do I fix this? The back in stock flow has been setup and is live using the the back in stock standard template with the klaviyo triggered automatically populates. My API has been replaced in the example and the list ID as well for allow the customer to opt-in to my newsletter (this is also working).
Using the dawn theme. Website: https://thesmartwanderer.com
Product example: Oatmeal Patch Pocket Ribbed Knit Short Sleeve Sweater
Summary: I have one product with more than one size out of stock. The Klaviyo back in stock feature pop has an error only allowing notification for the first out of stock item.
<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
var klaviyo = klaviyo || [];
klaviyo.init({
account: "replaced",
list: "replaced",
platform: "shopify"
})
klaviyo.enable("backinstock",{
trigger: {
product_page_text: "Notify Me When Available",
product_page_class: "button",
product_page_text_align: "center",
product_page_margin: "0px",
replace_anchor: false
},
modal: {
headline: "{product_name}",
body_content: "Register to receive a notification when this item comes back in stock.",
email_field_label: "Email",
button_label: "Notify me when available",
subscription_success_label: "You're in! We'll let you know when it's back.",
footer_content: '',
additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
drop_background_color: "#000000",
background_color: "#ffffff",
text_color: "#222222",
button_text_color: "#ffffff",
button_background_color: "#121212",
close_button_color: "#cccccc",
error_background_color: "#121212",
error_text_color: "#DA1D1D",
success_background_color: "#FAEDE5",
success_text_color: "#FFFFFF"
}
});
</script>
