Shopify Design

cdanielc · ‎01-10-2021

Hi,

This question has been raised a few times, but I can't get it up and working (outdated posts?) and I have an additional question regarding the design.

As I am using Debut theme there is by default no "add to cart" button below the products on the homepage/collection pages. I would like to add an "add to cart" button in the same style as if you would create a Buy button for an external site (Sales Channels > Buy button > Create a buy button). Please find an image below.

Can anyone help me out? Thanks in advance!

Buy button

KetanKumar · ‎01-11-2021

@cdanielc

can you please try this

Just follow the steps for Debut theme for Add to cart button on collection pages.

From Shopify Admin select Online Store and click on Themes
Choose your main theme
Click the . . . on the top left-right (see below) and hit Edit code

Open Snippets -> product-card-grid.liquid File and paste below code at the end of the page.

<form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form>

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Shopify Design

Debut Theme: Add to Cart button on homepage/collection pages

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links