Adding 'Add to cart' button to Featured Collection on the homepage (Minimal theme)

[SlowDisco]

Hey, I am using the Minimal theme and have used the 'featured collection' block to display my products (as I only have 3, so this is fine for me).

But I want to be able to add 2 things;
1 - A snippet from my product page (a brief description/ the main scents of my candles)
2 - An 'Add to Cart' CTA 

My website for reference: www.slowdisco.co

Thanks in advance!

[KetanKumar]

@SlowDisco 

Thanks for post can you please try this 

ust follow the steps for 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 or product-card or product-gird-item 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>

[SlowDisco]

Hi Ketan,

This worked perfectly for the ATC button, thank you! Would there be something similar for adding a snippet of the description to each product? 

[KetanKumar]

@SlowDisco 

Yes, please 

[SlowDisco]

Is this a piece of code you could provide?

So it would be like:

Product Title
Product Price
[Sentence from product description]
Add to cart

[KetanKumar]

@SlowDisco 

thanks can you please this file code so i will update and set code 

[SlowDisco]

I'm not sure I understand what you mean. I should accept as solution? 

[KetanKumar]

@SlowDisco 

Yes, also please share your code if you need proper sequence 

[AlayaTea]

Hi Ketan! Could you tell us if there is a way to make the "Add to Cart" button centered alignment? (right now the alignment is to the left) Thankyou!

[KetanKumar]

@AlayaTea 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[lesmursdemarie]

Hello, I copied your codes and it works for me too. If I want my "add to cart" box to be as large as my product description, can you help me? Here is my website. Right now, it is on the left side of product picture and not centered. 

Also, my ATC box is colored. Can it simply outlines and not colored?

https://lesmursdemarie.com/collections/collection-couleurs-douces

Thank you

[Jahid-KlinKode]

Hi @SlowDisco, resolve the issue of missing "Add to Cart" buttons on your Shopify collection pages by checking out this YouTube tutorial: https://www.youtube.com/watch?v=s98l1bUZe6k