Change "Quick Add" Button (View Options) on collection to Product page?

Solved

Change "Quick Add" Button (View Options) on collection to Product page?

ADT2
New Member
6 0 0

How do I remove the quick add function that opens the pop up previewing the product? I want the "View Options" to link directly to the Product page (not the pop up).

 

Thanks!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11345 2223 2392

This is an accepted solution.

Hi @ADT2 

I'm Dan from Ryviu: Product Reviews & QA

 

You can follow my instructions below to do that.

Go to Online Store > Themes > Edit code > open card-product.liquid file, go around line 221, find this code 

<button

Screenshot 2024-02-20 at 14.19.36.png

Replace it with this code

Screenshot 2024-02-20 at 14.21.25.png

Go to line 235, find this line of code

</button>

Replace it with this 

</a>

Complete code: 

Screenshot 2024-02-20 at 14.23.55.png

Best Regards,


Dan from Ryviu

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
11345 2223 2392

This is an accepted solution.

Hi @ADT2 

I'm Dan from Ryviu: Product Reviews & QA

 

You can follow my instructions below to do that.

Go to Online Store > Themes > Edit code > open card-product.liquid file, go around line 221, find this code 

<button

Screenshot 2024-02-20 at 14.19.36.png

Replace it with this code

Screenshot 2024-02-20 at 14.21.25.png

Go to line 235, find this line of code

</button>

Replace it with this 

</a>

Complete code: 

Screenshot 2024-02-20 at 14.23.55.png

Best Regards,


Dan from Ryviu

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.