1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

Lightbox Gallery Broken After Woocommerce 3.0

Does it seem like lightbox is broken after upgrading to Woocommerce 3.0. This is because the latest versions of Woocommerce does not automatically encode Lightbox support functions. It is recommended to use a theme that declares Woocommerce support to get the Lightbox functions.

If you are using a theme that is not Woocomerce compatible you can still implement these features. Do this by having your web developer add the Woocommerce support functions to your themes functions file. If you are managing your own file system then you can add the needed actions yourself.

Tip: Click on images to make them larger. If you find anything wrong on this page or need further assistance please comment below or contact me. 🙂

How To Fix Lightbox

Previous versions of Woocommerce had an option to enable the Light box gallery in the Woocommerce settings. It is found under Woocommerce –> Settings –> Products –> Display. If you go to this section and do not see this option it could be that you are using a theme that does not declare Woocommerce support.

If this is the case you can open your functions.php file in your active theme and edit the following lines (“your_theme_setup” will actually be the name of your theme processor):

Subscribe To My YouTube Channel:
add_action( 'after_setup_theme', 'your_theme_setup' );

function your_theme_setup() {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}

Lightbox Gallery Broken After Woocommerce 3.0 was last modified: June 15th, 2018 by Karen Leaf

Please like, share and subscribe.

Advanced Programming Made Easy

I hope you enjoyed the article. If I was able to help you please consider a tip for the content.

One Time Tip

more tips

Reoccuring Tips

Tips

Cool People Share:

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.