Modular Theme: I want to show the Add to Cart Button, not the Add to Cart Bar

Modular Theme: I want to show the Add to Cart Button, not the Add to Cart Bar

Plantastic
Visitor
1 0 0

Hej all,

 

I am using the latest version of the Modular Theme. Unfortunately I cannot get the Add to Cart button to work on the product page. It keeps showing the Add to Cart Bar at the bottom of the screen. This is not very intuitive.

 

In the settings I can only enable or disable to Add to Cart Bar, cannot find anything about the Add to Cart Button.

 

Please take a look at the screenshots attached. Any help is welcome!

 

Screenshot 2022-08-16 at 12.08.40.pngScreenshot 2022-08-16 at 12.06.51.pngScreenshot 2022-08-16 at 12.06.42.png

Reply 1 (1)

Angel95
Pathfinder
101 6 8

hello,

 

If you dont see the add to cart button. Please check the below code.

 

  • Navigate to the theme section in your Shopify admin panel
  • Choose “Edit code” in the “Actions” drop-down – Current theme section
    It will open the Shopify Theme Editor
  • Choose the file where you intend to add “Add to Cart button”
  • Copy and paste following code where you need to add “Add to Cart” button.

<form action="/cart/add" method="post" id="product-form- {{ product.id }}">
<input type="hidden" name="id" value="{{ product.variants.first.id }}">
<div>
<button type="submit" name="add">Add to cart</button>
</div>
</form>

banned