Solved
Why the back in stock button is not visible in free shopify template?
Hello at all,
i’ve tried to install the recommended back in stock solution on my free template venture but it doesn’t work.
- i get the following error in the dev console:
Uncaught TypeError: klaviyo.init is not a function - i’ve tried to fix this with all related help articles, but it’s still doesn’t work.
The Button is not displayed on my product pages. I can see only the “sold out” and dynamic payment button.
I’ve checked by myself if its work, if i disable the dynamic payment buttons, but this was not successful.
I’ve tried to fix this with following recommended functions
- alternate_anchor
- display_on_policy_continue: true
- replace_anchor
Here you will see the added code:
<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
var klaviyo = klaviyo || [];
klaviyo.init({
account: "REMOVED",
platform: "shopify"
});
klaviyo.enable("backinstock",{
trigger: {
product_page_text: "Notify Me When Available",
product_page_class: "btn btn--full",
product_page_text_align: "center",
product_page_margin: "0px",
alternate_anchor: "AddToCart-product-template",
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: "#000",
background_color: "#fff",
text_color: "#222",
button_text_color: "#fff",
button_background_color: "#439fdb",
close_button_color: "#ccc",
error_background_color: "#fcd6d7",
error_text_color: "#C72E2F",
success_background_color: "#d3efcd",
success_text_color: "#1B9500"
}
});
</script>I am happy about hints and your help.
Thanks,
Torben