Re: Symmetry Theme - Add an add to cart button to the products under the Featured Collection module

Symmetry Theme - Add an add to cart button to the products under the Featured Collection module

Ximn
New Member
18 0 0

I want to add an "add to cart" button below the product in the featured collection module, as shown in the picture. What can I do?

image

Replies 11 (11)

Liquid_xPert_SJ
Shopify Partner
1348 141 203

Hi @Ximn  welcome to the Shopify Community,

 

you can add quick view button on collection page by using default settings follow below steps.

 

- Navigate to Theme Settings > Product grid
- Click on the Quick buy link style dropdown and select the style to be Button or Whole product.

If no quick buy is required, choose the option disabled.

 

if you want custom add to cart button follow bellow steps. 

- Online Theme

- Edit Code

- find product-grid OR product-loop

- place the below code after price or start rating.

done.

 

<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>

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Ximn
New Member
18 0 0

Hi,

I tried your method and it works.

Can I change the button to the one in the picture so it would fit the style of our store better.
And I hope that customers will not jump to the shopping cart page after adding a purchase, but will still stay on the current page. Can this be achieved?

image

Liquid_xPert_SJ
Shopify Partner
1348 141 203

@Ximn 

 

1- For style you can use any of the default style by using css code remove the class btn from the button hopefully will resolve this issue. 

2- For add to cart this is related to some custom funtionality.

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.
ocdclub
Visitor
1 0 0

Hi, im trying to figure out in what liquid file did you paste the code?
It seems I can't find the product-loop or product grid...

avaskye
Excursionist
49 0 7

Hi, were you able to figure this out? I cannot find product-loop or product-grid either, but I would like to add an "Add to cart" button underneath my products. Thank you! 

avaskye
Excursionist
49 0 7

Hi, if we do not have product-loop or product-grid, how can we add an "Add to cart" button underneath our products? Right now the "Quick buy" button only appears when we hover over our products. We would really appreciate any help! Thank you in advance!  

Liquid_xPert_SJ
Shopify Partner
1348 141 203

@avaskye which theme

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.
avaskye
Excursionist
49 0 7

This is for the symmetry theme! 

Liquid_xPert_SJ
Shopify Partner
1348 141 203

@avaskye  might be any file related to product item or product loop I guess.l into the snippet folder

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.
avaskye
Excursionist
49 0 7

This is all that we have related to product item or product loop. Would it be the same code you provided above as well? 

 

Screenshot 2024-11-04 at 4.18.48 PM.png

Liquid_xPert_SJ
Shopify Partner
1348 141 203

Well it's none of these items yeah my code is same

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.