Theme: Dawn 12.0 - Back in Stock button position

[Olivia_J_1]

Hi All,

I need help in moving the “Notify Me When Available” button below the “Sold Out” button on our website.

Currently it looks like this:

I want it move under the SOLD OUT button:

Thanks to anyone who can help!

Web: https://www.oliviajewellery.com.au/

Pass: O

Theme: Dawn 12.0

[Dan-From-Ryviu]

Hi @Olivia_J_1

How did you add Notify me when available button? You may can move it by move that code at the bottom buy-buttons.liquid file

[Olivia_J_1]

Hi Dan, I set up a Back in Stock feature in Klaviyo. Right now, the code is in the theme.liquid file. Here’s the code Snippets:

https://docs.google.com/document/d/15TQgh4J11sRspN4gBdBWPd0nVXzASoLcoSSZF8nGZPM/edit

[Dan-From-Ryviu]

Hi,

You only need to add that code in theme.liquid file and then Notify button appear on product page? Have you have add any HTML code in product page template?

[Olivia_J_1]

Only that code. And I changed the list name and the class name to match my theme, but no other changes.

[Sandy-STOQ]

Hey @Olivia_J_1 ! I’d recommend using an app for setting up your Notify me button. On Stoq (one of Shopify’s top-rated apps for back in stock alerts & preorders), it takes nothing more than a few clicks to add the button and move it to the right location. We also have a 24*7 team available to help you out.

For any other merchants else coming across this post - you can definitely use Klaviyo’s code to add a button, but your theme is going to constantly change and update based on your customer’s needs. Updating the code can be painful and it can also block you from getting the latest theme updates. Using one of the apps on Shopify App Store - like Stoq - makes it super easy to keep the button in the right place as your store evolves.