I am working on wordpress woocommerce, I like to enable auto sliding option for product images, Example: https://www.seegetwear.com/product/happy-go-lucky-light-grey/

<figure class="woocommerce-product-gallery__wrapper owl-carousel owl-loaded owl-drag">
    <div class="owl-stage-outer">
        <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: 0s; width: 2424px;">
            <div class="owl-item active" style="width: 404px;">
                <figure data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY1-536x863.jpg" class="woocommerce-product-gallery__image" data-o_data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY1-114x132.jpg" style="position: relative; overflow: hidden;">
                    <a href="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg" data-o_href="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg">
                    <img width="536" height="863" src="http://example.com/wp-content/uploads/2017/05/BT070-GREY1-536x863.jpg" class="attachment-shop_single size-shop_single wp-post-image" alt="BT070-GREY1" title="BT070-GREY1" data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg" data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg" data-large_image_width="3456" data-large_image_height="5184" data-o_src="http://example.com/wp-content/uploads/2017/05/BT070-GREY1-536x863.jpg" data-o_height="863" data-o_width="536" data-o_srcset="" data-o_sizes="" sizes="(max-width: 536px) 100vw, 536px" data-o_title="" data-o_alt="" data-o_data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg" data-o_data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg" data-o_data-large_image_width="3456" data-o_data-large_image_height="5184"></a><img src="http://example.com/wp-content/uploads/2017/05/BT070-GREY1.jpg" class="zoomImg" style="position: absolute; top: -1171.86px; left: -137.869px; opacity: 0; width: 3456px; height: 5184px; border: none; max-width: none; max-height: none;"></figure>
            </div>


            <div class="owl-item" style="width: 404px;">

                    <figure data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY9-114x132.jpg" class="woocommerce-product-gallery__image" style="position: relative; overflow: hidden;"><a href="http://example.com/wp-content/uploads/2017/05/BT070-GREY9.jpg"><img width="536" height="863" src="http://example.com/wp-content/uploads/2017/05/BT070-GREY9-536x863.jpg" class="attachment-shop_single size-shop_single" alt="" title="" data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY9.jpg" data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY9.jpg" data-large_image_width="3456" data-large_image_height="5184"></a><img src="http://example.com/wp-content/uploads/2017/05/BT070-GREY9.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 3456px; height: 5184px; border: none; max-width: none; max-height: none;"></figure></div><div class="owl-item" style="width: 404px;"><figure data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY8-114x132.jpg" class="woocommerce-product-gallery__image" style="position: relative; overflow: hidden;"><a href="http://example.com/wp-content/uploads/2017/05/BT070-GREY8.jpg"><img width="536" height="863" src="http://example.com/wp-content/uploads/2017/05/BT070-GREY8-536x863.jpg" class="attachment-shop_single size-shop_single" alt="" title="" data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY8.jpg" data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY8.jpg" data-large_image_width="3456" data-large_image_height="5184"></a><img src="http://example.com/wp-content/uploads/2017/05/BT070-GREY8.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 3456px; height: 5184px; border: none; max-width: none; max-height: none;"></figure></div>

                    <div class="owl-item" style="width: 404px;"><figure data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY6-114x132.jpg" class="woocommerce-product-gallery__image" style="position: relative; overflow: hidden;"><a href="http://example.com/wp-content/uploads/2017/05/BT070-GREY6.jpg"><img width="536" height="863" src="http://example.com/wp-content/uploads/2017/05/BT070-GREY6-536x863.jpg" class="attachment-shop_single size-shop_single" alt="" title="" data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY6.jpg" data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY6.jpg" data-large_image_width="3456" data-large_image_height="5184"></a><img src="http://example.com/wp-content/uploads/2017/05/BT070-GREY6.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 3456px; height: 5184px; border: none; max-width: none; max-height: none;"></figure></div><div class="owl-item" style="width: 404px;"><figure data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY5-114x132.jpg" class="woocommerce-product-gallery__image" style="position: relative; overflow: hidden;"><a href="http://example.com/wp-content/uploads/2017/05/BT070-GREY5.jpg"><img width="536" height="863" src="http://example.com/wp-content/uploads/2017/05/BT070-GREY5-536x863.jpg" class="attachment-shop_single size-shop_single" alt="" title="" data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY5.jpg" data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY5.jpg" data-large_image_width="3456" data-large_image_height="5184"></a><img src="http://example.com/wp-content/uploads/2017/05/BT070-GREY5.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 3456px; height: 5184px; border: none; max-width: none; max-height: none;"></figure></div>
                    <div class="owl-item" style="width: 404px;"><figure data-thumb="http://example.com/wp-content/uploads/2017/05/BT070-GREY3-114x132.jpg" class="woocommerce-product-gallery__image" style="position: relative; overflow: hidden;"><a href="http://example.com/wp-content/uploads/2017/05/BT070-GREY3.jpg">

                    <img width="536" height="863" src="http://example.com/wp-content/uploads/2017/05/BT070-GREY3-536x863.jpg" class="attachment-shop_single size-shop_single" alt="" title="" data-src="http://example.com/wp-content/uploads/2017/05/BT070-GREY3.jpg" data-large_image="http://example.com/wp-content/uploads/2017/05/BT070-GREY3.jpg" data-large_image_width="3456" data-large_image_height="5184"></a><img src="http://example.com/wp-content/uploads/2017/05/BT070-GREY3.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 3456px; height: 5184px; border: none; max-width: none; max-height: none;"></figure>
                    </div>
            </div>
        </div>

                    <div class="owl-nav disabled"><div class="owl-prev"></div>
                    <div class="owl-next"></div></div>
                    <div class="owl-dots disabled"></div>
</figure>

Read more here: Enable automatic owl carousel slider for Product images – WordPress woocommerce


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: