Carousel Not Working Below Product Gallery

Please share your site URL, so that I can see the current status of the slider.

Thanks

Link: https://celebratedeals.in/clients/eninde/product/5-pillars-27/

Hi @tarjeet98

Remove the PHP code that you added for moving the slider.

And add this PHP code instate-

remove_action( 'woocommerce_after_single_product_summary', 'wpb_wrps_related_products', 22 );
add_action( 'woocommerce_before_single_product_summary', 'wpb_wrps_related_products', 25 );

Thank you so much!! It works!! Highly appreciated!! <3

There is still one issue I am facing is this.

Scenario: I have 2 columns on the left side I have Product Gallery inside a div and on the right side I have my product summary details inside a div.
Since I have added related products below the product gallery it is not inside the product gallery div and making it 3(gallery, related products, summary) cols instead of 2, since it was added after product gallery div, so I used jquery code to make gallery and related products slider added inside 1 div.

CODE:

$(‘.single-product .product .images, .single-product .product .wrps_related_products_area’).wrapAll(‘<div class=”product-gallery-wrap”></div>’);

something like this, so that way I have 2 cols again, but the related product slider structure is not showing properly click on the link below.

https://snipboard.io/uhs8YH.jpg

Try opening developer tools(f12), and close again, then in someway the structure shows properly.

You can have a look at the above given link to troubleshoot.
Can you help in anyway? Thanks!

• This reply was modified 2 years, 3 months ago by Tarjeet Singh.

Hi @tarjeet98

The slider will be broken by this. Using WP hook, the slider may be moved inside the gallery wrap.

Send your theme file to my email so I may check it out and assist you.

imran @ wpbean . com

Thanks for quick assist, I just need to re initialize the owl carousel.
Like this:
$(‘.owl-carousel’).owlCarousel(‘refresh’);
Things are working great! Thank you very much for your help, I really appreaciate it!

Glad to hear you worked it out.

If you thought this plugin was useful, please give it 5 stars rating. It will encourage us to keep up with this plugin and make it better.

Thanks

Sure!

Thanks man. You are the best.