Avoid linking to single product page

I have the same request!

Hi Rene,

Can you send us the link to your website’s product catalogue page?

This way, we’ll be able to give you custom CSS to disable the links in your product listings.

Hi @amorvox,

You can also send us a link to your product catalogue page, so we can give you some custom code as well ??

Hi again @rene-rene and @amorvox,

Something I forgot to add earlier: if you’re already familiar with CSS, you can use it to disable the linking functionality on the links.

For example:

.upcp-catalogue-link {
pointer-events: none;
}

I added your CSS to mine. It effectively hides the link from the image, but a link on the name of the product still remains. How to remove that link too?

Thanks in advance.
Here is my catalogue: https://www.kldcimp-exp.com/productos-para-limpieza/

Hi Rene,

I’ve modified the custom CSS I gave earlier so you can replace the original .upcp-catalogue-link {… code with this code:

.upcp-catalogue-link, .upcp-mid-detail-div {
pointer-events: none;
cursor: default;}

Yes, it works. No link to detail page in the product tittle, neither in the image.
My complete css code is:
`
/*no links to single product page*/
.prod-cat-details-link, .upcp-thumb-details-link, .upcp-details-text, .upcp-details-icon {display: none;}
.upcp-catalogue-link, .upcp-mid-detail-div {pointer-events: none; cursor: default;}

Now I am back to this issue because I would like to have the link back in the case (and only on that case) when a product happens to have a long description and the “read more” text shows up.

To have the link on the “read more” text on those cases is enough (it doesn’t matter if the link is also back on tittle and image).

Thanks: René.

Complementing my previous post:
I was trying something in the lines of:

.upcp-catalogue-link, .upcp-mid-detail-div :not(#prod-cat-detail-item-11)
{pointer-events: none; cursor: default;}

where “11” is a particular product id with which I would like to have pointers active.

Greetings: René.

I’m sorry for being here again. I found a kind of solution:

/*no links to single product page:*/
.prod-cat-details-link, .upcp-thumb-details-link, .upcp-details-text, .upcp-details-icon {display: none;}
.upcp-catalogue-link, .upcp-mid-detail-div {pointer-events: none; cursor: default;}

/*excepts some products, like item 11:*/
#prod-cat-detail-item-11 .upcp-catalogue-link {pointer-events: visible !important; cursor: pointer;}

It works!… Though I still need something general, not just for specific products, but for all products with sufficiently long descriptions that they deserve the “read More” link to be visible and active.

• This reply was modified 7 years, 8 months ago by rene-rene.

Hi Rene,

For a more general solution (i.e. not having to target the ID of each product), could you try swapping out this CSS:

/*excepts some products, like item 11:*/
#prod-cat-detail-item-11 .upcp-catalogue-link {pointer-events: visible !important; cursor: pointer;}

For this:

.upcp-detail-item  .prod-cat-desc .upcp-catalogue-link {
pointer-events: visible !important;
cursor: pointer;}

This code should hopefully target the ‘read more’ link(s) that you add to the description section.