I have followed this: https://theme.co/apex/forum/t/resizing-woocommerce-images/1706 and https://docs.woocommerce.com/document/declare-woocommerce-support-in-third-party-theme/
But my images still don’t show slider and the zoom is showing a smaller image than what’s on the page
Site: sunnybox.net
I had added the following to my css global:
.single-product .woocommerce-product-gallery__image > a > img {
_ width:100%;_
}
I tried all these and still no luck…
//add woocommerce support
add_action( ‘after_setup_theme’, ‘woocommerce_support’ );
function woocommerce_support() {
add_theme_support( ‘woocommerce’ );
add_theme_support( ‘wc-product-gallery-zoom’ );
add_theme_support( ‘wc-product-gallery-lightbox’ );
add_theme_support( ‘wc-product-gallery-slider’ );
}
// Do Not Remove Woocommerce Plugin Settings
// =============================================================================
function x_woocommerce_donot_remove_plugin_setting(){
if ( ! is_admin() ) {
return;
}
remove_filter( ‘woocommerce_product_settings’, ‘x_woocommerce_remove_plugin_settings’, 10 );
}
add_action(‘init’, ‘x_woocommerce_donot_remove_plugin_setting’);
// =============================================================================
// Disable the gallery zoom on single products
// =============================================================================
add_action( ‘after_setup_theme’, ‘removing_gallery_zoom’, 100 );
function removing_gallery_zoom() {
remove_theme_support( ‘wc-product-gallery-zoom’ );
}
// =============================================================================