Welcome to the Liquify Community

Updated 2 months ago

"Buy Now Button" based apps

We're using the Cowlendar app to switch the add to cart button to a book now button which opens a modal. This wasn't working until I replaced the button in the template with an embed containing:

<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
<button type="submit" name="add" class="button">
Add to cart
</button>

Not sure why this is, but just wanted to put it on here in case it helps someone or is a bug to be fixed.
j
1 comment
Hi @Seth, in the cloneable the add to cart button is not a submit button. We trigger the mini cart function and not submitting the product form. But the way how you have done it its also fine.

You can also build it with webflow components instead of an embed.
  1. Input: i would add the alpine variable to it, so you can also use the variant selector like this: Add a input field with the custom attribute of li-js-object="selected_or_first_available_variant.id"
  2. Button: Add a normal submit button from webflow
Add a reply
Sign up and join the conversation on Discord