Replace Sold Out Button with Back In Stock (Email when Available) Button

Store Design
1

Hello,

I am trying to add the “email when available” button in the place of the “sold out” button. I technically did it replaced. But it was a quick work around by adding an ID “BIS_trigger” to the button section. But with me doing that, the text on the ‘add to cart’ button isn’t clickable. The rest of the button is but not the text section (and only for the add to cart).

Also I do apologize as I am new to this kind of forum and I’m learning code with Shopify. And it’s been challenging trying to find answers to this specific question. Any info or code suggestions would be greatly appreciated!

Button that includes (Email When Available):
https://dearbeni.com/products/da-bomb-sleeve-greeting-card-envelope

Button for add to cart (button text section not clickable)
https://dearbeni.com/products/glow-sunset-blank-greeting-card

Heres some of the code (If this helps at all??) (Theme is Ira)

"

{% unless current_variant.available %} {{ 'product.sold_out' | t }}
{% else %} {{ 'product.add_to_cart' | t }}
{% endunless %}
{% if show_dynamic_checkout %} {{ form | payment_button }} {% endif %}
{% endform %}
2

@tjfrank64 You can do this by repurposing a preorder customization and a contact form customization.

https://community.shopify.com/c/Shopify-Design/Product-pages-Allow-pre-orders-for-products/td-p/6164…

https://shopify.dev/tutorials/customize-theme-add-fields-to-your-contact-form

As for why the buttons are misbehaving this probably because the new idea is getting different styles or causing an error.

I do customizations like this all the time, merchants needing this for their customers should contact me at paull.newton+shopifyforums@gmail.com.

Provide storename,theme, and details of use case for pricing.