View product pictures?

Question

WordPress

Good afternoon.
Please tell me how to make the image view in the product description so that it does not open to the full screen, but looks in the area of ​​the main image?

When you clicked on the blue square, the picture was shown in place of the red one!

Answer 1

Starting with version 3.xx, Woocommerce can do all this without additional plugins, you just need to activate these features in the functions.php file.

/*
 * Enabling product gallery features (zoom, swipe, lightbox) in 3.0.0
*/
        add_theme_support('wc-product-gallery-zoom');
        add_theme_support('wc-product-gallery-lightbox');
        add_theme_support('wc-product-gallery-slider');

Answer 2

from the finished one you can connect a photo frame

Answer 3

You need to write JavaScript that does this.
Do you use, judging by the nature of the requirement, Fancybox 3 in some kind of implementation in the plugin, or something else?
Fancybox 3 can be configured to be framed instead of full screen.