Express Theme - Remove Full Width Link on Collection Pages

jbetette
New Member
1 0 1

Hello!

 

Although the hover effect is nice on collection page, the full width product card link gets in the way on mobile.

 

I would like to maintain the hover effects, but only click on product title to go to product page.

 

Here's my store:

https://brennans-test.myshopify.com/collections/specialty-foods

password : thea

 

see screenshots before hover and hovered. Whole card is a link. 

Screen Shot 2021-04-22 at 5.40.41 PM.pngScreen Shot 2021-04-22 at 5.40.58 PM.png

 

KetanKumar
Shopify Partner
17134 1858 6418

@jbetette 

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

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

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
LitExtension
Shopify Partner
675 67 119

Hi @jbetette

The collection page does not have a link in the title tag. So you need to customize the snippet and move the "a" tag into the title tag like this: https://prnt.sc/11xhzwc

Screenshot to refer: https://prnt.sc/11xhsbm

Hope this helps! 

 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes