Rynald0s
(@rynald0s)
Automattic Happiness Engineer
Hi @nibfreelance.
I understand that you would like to remove the image zoom on your individual products. If so, the following PHP code snippet should work.
function remove_image_zoom_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );
For reference, please see https://www.businessbloomer.com/woocommerce-disable-zoom-gallery-slider-lightbox-single-product/
You can add that to your child themes’ functions.php file or another plugin that allows custom code to be added to your site. Something like https://ww.wp.xz.cn/plugins/code-snippets/ should do the trick.
For the second part, please try the following CSS code in the “Additional CSS” section found in your customizer.
.woocommerce div.product form.cart .variations th {
text-align: left;
}
Please let us know how that goes.
Cheers!
Hi, friend:
1- No, if you hover over the product variation, a gray box will appear. I want to remove that.
2- That worked, here I send the complete code so that it is at the same level as the quantity box.
.woocommerce div.product form.cart .variations th {
text-align: left;
padding-left: 0px}
Rynald0s
(@rynald0s)
Automattic Happiness Engineer
Hi @nibfreelancer
Thanks for clarifying.
In that case, see if the following CSS code helps:
.woocommerce div.product div.images .flex-control-thumbs {
pointer-events: none;
}
Cheers!
Hello @rynald0s , sorry for not being clear. See the image here for a better understanding. Check please
This CSS code snippet seems to override the mouse hover effect on your products page as mentioned above:
/* Override mouse hover effect */
table tbody tr:hover>td, table tbody tr:hover>th {
background-color: inherit;
}
Please let us know if it helps!
Hello @nibfreelancer!
Glad to hear it – thanks for letting us know!
I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread 🙂
