-
-
On mobile devices, inside the article’s tab, when you click on the image, a window with the image opens. Can we completely cancel that action? Do not open any window or do anything.
-
Hello,
You can do that by adding this line into custom css or style.css of child theme:
@media(max-width:767px;){ .product_item.style_large:hover .extra-wrapper{ box-shadow:none; } }
Regards!
-
The code still does not work. I remember the case:
I want that in all the versions (desktop and mobile) ak click on the product image does not open any window to see the image (enlarge). I want to completely cancel that action
-
Hello,
Please go to Customize > Shop > Shop Single Product > Product Lightbox/Quick view. Swipe them OFF.
Let me know if this is what you needed.Best regards!
-
Not because now the zoom option comes out.
What I want is to eliminate the opening of the image by clicking on the image. -
Hello,
Try adding this css into your Custom Css box:
@media (max-width: 480px){ .shop-products .product_item .cl-thumb-wrapper { pointer-events: none; } }
Let me know.
Best regards! -
This code does not do what I need. Currently this code blocks access to the product by clicking on the image from the online store.
I need to block the access INSIDE A PRODUCT when I click open the product iamgen (as if it were a zoom)
-
Hello,
Then, edit the css above to this:
@media (max-width: 480px){ figure.woocommerce-product-gallery__wrapper { pointer-events: none; }}
This will remove the pointer actions on the image when you are in the single product page.
Best regards!
-
And in the desktop version of computer? In mobile versions the action has been removed, but on the desktop it is still happening
-
Hello,
In that case you have to remove only the media query:
figure.woocommerce-product-gallery__wrapper { pointer-events: none; }
Regards!
-
Should I leave it basically like this?
@media (max-width: 480px){
} -
Hello,
No, the opposite. Just edit the code, to the latest version provided from us. So the result code is this:
figure.woocommerce-product-gallery__wrapper { pointer-events: none; }
This part:
@media (max-width: 480px){ }
is used to make the css valid for only the devices with screen size up to 480px. Not the desktop.
Regards!
- This reply was modified 6 years ago by Mirela.
-
-
You must be logged in to reply to this topic.