Remove Clickable Product in Custom Collection Page

Shopify Discussion
1

We are using the Dawn 2.0 theme. I have created a second collection template for our Build a Box solution. We had to create 4 products to link for the build a box.

When I build the custom collection page the default product grid has the 4 products. I like the layout but I have specific URL’s for those 4 products I need them to go to. i’ve tried what I can think of but can’t change the URL for those products as they link to a 3rd party App in Shopify.

Is there a way to make the product grid not clickable so they have to click on the 4 buttons I created which will link them to the correct URL to do a Build A Box?

2

We did try this but I get an error when trying to save that the JSON is invalid

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.featured-collection .grid .product-item{
    pointer-events: none;
}

From this page https://community.shopify.com/topic/1342210

3

Hello,

Note:- Please create a backup before trying any code changes.

Do this:-

  1. In your Shopify Admin go to: online store > themes > actions > edit code.

  2. Go to snippets, card-product.liquid.

  3. Search for " card_product.url " .and change href = # .

Let me know if you get your desired result this way.

Thank you.

4

Will that change it for the entire site or just for that one specific collection page template? I only want to change the one template that I created.

5

This will change for entire site.

What is your store url and template in question?

6

Waxetty.ca The template I want to change is the Build a bag Collection. Also would there be a way to add a different button on each of the products in the product grid that went to a different URL?

7

password for the store?

8

Sent u a PM

9

Hello @JabirKhan , I am trying to resolve a similar problem. I have a collection list and I would like the third collection to redirect to a page and not a collection.
When I update the card_product.url it shows the entire anchor tag with raw url for all three collection in the list. Is there a way to simply change the url that the one collection goes to?