A user wanted to disable the clickable brand name links beneath products that navigate to brand collection pages.
Two solutions were provided:
Code modification approach: Remove the anchor tag wrapping {{product.vendor}} in the product item template file, leaving only the plain text output.
CSS approach: Add pointer-events: none; to .product-item__info .product-item-meta__vendor via the theme’s Custom CSS settings.
Resolution: The issue was resolved successfully with one of these methods. The user confirmed it was an easy fix.
Hello, when you click on a brand name below a product in our theme, it will navigate you to a collection page of all products from that brand. We would like to disable this navigation.
Thank you!
Store link: https://pondstream.com/collections/kasco-fountain-replacement-parts
@hdkingy - in your product item file, you need to remove link code to product vendor name, it would be something like
{{product.vendor}}
make it
{{product.vendor}}
Hi @hdkingy
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
.product-item__info .product-item-meta__vendor { pointer-events: none; }
Awesome, easy fix. Thank you!