Return to previous page

How to change products preview type of category wise?

This topic has 13 replies, 2 voices, and was last updated 2 years, 10 months ago ago by Rose Tyler

Ladusha

Participant

June 20, 2021 at 12:02

I’am already disabled all categories and all products additional preview type using below css code. but I want to add this feature for selected category. How can do it?

css code – .content-product .product-image-wrapper,
.content-product .product-title {
pointer-events: none;
}

#291479 Copied Theme version: 1.0 WooCommerce version: 5.2.2

12 Answers

Rose Tyler

Support staff

June 20, 2021 at 12:10

Hello,

Please describe the desired result in more detail, provide URL of the category.

Regards

#291480 Copied

Ladusha

Participant

June 20, 2021 at 16:44

Now all products showing in small icon on page. can’t open products. (I’m disabled using css code) I want to apply this feature for only selected main product category. ex – Electronic category products can be open using click on the product. but grocery category products can’t shuld be open by click on the product. (only showing product icon only)

#291514 Copied

Ladusha

Participant

June 21, 2021 at 16:59

Please be kindly answer to me.

#291568 Copied
Rose Tyler

Support staff

June 22, 2021 at 12:26
Hello,

Sorry for the delay in answering.
Change the code to:
```
.term-grocery .content-product .product-image-wrapper,
.term-grocery .content-product .product-title {
    pointer-events: none;
}
```
.term-grocery is the class of your grocery category page.

Regards
#291643 Copied
Ladusha

Participant

June 23, 2021 at 04:20

It’s not working dear. Can you do this using admin login?

#291722 Copied
Rose Tyler

Support staff

June 23, 2021 at 07:16
As I can see, you added
```
.term-Grocery .content-product .product-image-wrapper,.term-Grocery .content-product .product-title {
        pointer-events: none
 }
```
but it should be
```
.term-grocery .content-product .product-image-wrapper,
.term-grocery .content-product .product-title {
    pointer-events: none;
}
```
just copy and paste the code,
or provide temporary wp-admin access via the Private Content area.

Regards
#291730 Copied
Ladusha

Participant

June 23, 2021 at 10:55

Re:How to change products preview type of category wise?

Please contact administrator
for this information.

#291771 Copied

Rose Tyler

Support staff

June 23, 2021 at 10:59

Hello,

Check https://gedaratama.lk/product-category/grocery/ now
https://gyazo.com/7bb293b3e6508546846b27550e0f5900

Regards

#291773 Copied

Ladusha

Participant

June 29, 2021 at 04:04

It’s working on https://gedaratama.lk/product-category/grocery/ Link only. but at the shop page and products search results it’s not working… why?

#292388 Copied

Rose Tyler

Support staff

June 29, 2021 at 11:58

Because the code was given for the mentioned category only. Do you want to make products on Shop and in the search results unclickable too?

Regards

#292431 Copied

Ladusha

Participant

June 30, 2021 at 04:57

Yes! How can do it?

#292527 Copied

Rose Tyler

Support staff

June 30, 2021 at 08:55

Hello,

I’ve changed the custom CSS code. Clear cache and check now.

Regards

#292539 Copied
Viewing 13 results - 1 through 13 (of 13 total)