Product page gallery issue after new WP Update

[yogadesignlab]

before update : https://yogadesignlab.com/product/geo-combo-yoga-mat/

after update : https://ydl.staging.wpengine.com/product/geo-combo-yoga-mat/1

i was with using this codes but now the product gallery doesn’t the after wordpress upadate!

// Remove product gallery slider and gallery zoom
// =============================================================================
add_action( 'after_setup_theme', 'remove_woo_three_support', 11 ); 
function remove_woo_three_support() {
    remove_theme_support( 'wc-product-gallery-zoom' );
    remove_theme_support( 'wc-product-gallery-slider' );
}
// =============================================================================

how i can fix the product gallery to show up and function same as before theme update ?

Thank you!

[paul.r]

Hi,

To achieve that, you can add this in Theme Options > CSS

.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image {
    border: 2px solid #e5e5e5;
    text-align: center;
    padding: 10px;

}

.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image:hover {
    border-color: #ff2a13;
}

Then add this in your child theme’s functions.php file

add_action( 'after_setup_theme', 'activate_lightbox', 11 ); 
function activate_lightbox() {
  add_theme_support( 'wc-product-gallery-lightbox' );
}

Hope that helps

[yogadesignlab]

Thank you for your support unfortunately still there a problem the gallery did not appear when i click on main picture

[thai]

Hi There,

Upon checking your staging site, I could see that you’re using a 3rd party plugin to display the popup and the HTML code of product images have changed from the update:

I suggest you to contact the plugin author to check this. Maybe that plugin is not compatible with the latest version of X theme.

Regards!