How to Remove the WooCommerce Product Image Slider

Product Image Slider Screenshot
An example of an image slider on a standard WooCommerce product page.

WooCommerce wants your customers to have the best user experience possible and it tries to do this the best is can out of the box without any modifications. The idea is that you can use the WooCommerce platform to get an online store up and running quickly and with little fuss.

Of course, what WooCommerce thinks is important isn’t always in line with what you want to see on your store. A popular example of a default interface that WooCommerce likes to include by default, and is commonly used by many third-party themes, is including a slider style of navigation when a product has multiple photos or images attached to it.

The idea is to make it easier for your customers to be able to see all angles and options of the product they are about to purchase. Unfortunately, not all themes handle this the same way so it’s occasionally worth removing from your product pages entirely.

There is no way to handle this removal inside of WooCommerce itself. For changes like this, one option is to write some code to handle the removal for you. We’ll spend the rest of this article going through the steps to make that happen. At the end, we’ll also provide an easier alternative for less technical users.

How to Hide the WooCommerce Product Image Slider with Code

In order to hide the WooCommerce product image slider, you will need to add some code to your site. There is a particular way to do this that ensures your current theme stays functional. We’re going to walk you through that process now.

Alert! Before you go any deeper into this tutorial please make a complete backup of your WordPress installation. In case you run into any issues that break your site you will want to have a working backup to restore from. Downtime for an online store will cost you money so it’s not worth the risk to be unprepared.

Make a Child Theme

In WordPress terms, a child theme is a way to modify another theme (called the parent) without running the risk of losing your changes. When a theme receives updates all of the files you might have modified are overwritten. When you use a child theme, your changes in the child theme persist no matter how often the parent theme receives updates.

You can learn more about creating a WordPress child theme using one of the many tutorials you can find online. When your child theme is made it’s time to head to the next step and get your hands dirty with some PHP code.

Add Code to a Child Theme

When your child theme is made you are ready to insert some code to remove the product image slider. You’ll want to add the code to a file called functions.php. Create that file, if it doesn’t already exist, and then open it up in any standard text editor.

Insert the following lines of code into your functions.php file.

add_action('init', 'my_remove_product_image_slider');
public function my_remove_product_image_slider() {
    remove_theme_support('wc-product-gallery-slider');
}

Save the file when you are done. Now it’s time to package your child theme up and get it running on your live WooCommerce site.

Not interested in writing code or making themes? There is an easier way to take care of these product image sliders. You don’t have to make a child theme, write any code, or worry about anything else in this tutorial. Learn how our Remove WooCommerce Features plugin can save you tons of time.

Upload the Child Theme

Now you need to get your child theme up on your web site’s server. The first step is to compress the child theme’s folder into a .zip file. That will be the file you actually upload when you access the Themes section of the WordPress admin. The Themes are, located under the Appearance menu option, will have an “Add New” button. Clicking that button will get you on the road to upload; just complete the steps.

An alternative, for the braver of you reading this article, is to upload your child theme straight to the server with FTP. We recommend consulting your hosting providers documentation or support system to get instructions on how to log in to your server via FTP.

Activate the Child Theme

You’re almost done.

You should see your child theme on the list of WordPress themes your site has installed now. If you don’t see it when you go to Themes then try and upload it again. When it does appear press the “Activate” button to turn your child theme on.

If all goes well, the product image sliders should be gone immediately. When they are still there, or your entire site is down, there is an issue with your child theme’s code. Go back and double-check and make any changes. You’ll have to upload and activate the child theme each time you make an adjustment.

Eventually, you will get there and be done. Of course, there is a much easier and faster way to handle this problem. We’ll close this post out telling you how you can get the same results without any technical steps using our plugin.

How to Disable the WooCommerce Product Image Slider the Easy Way

Our plugin, Remove WooCommerce Features, can get those image sliders off of your product pages in seconds. Once you have purchased and activated the plugin it’s just three simple steps to get the result you are after.

Step #1

Go to the WooCommerce section of your WordPress installation’s admin menu and click the link that says Remove Features.

WooCommerce Admin Menu

Step #2

Find the setting for Product Image Slider and click the checkbox so that it’s marked like so:

Remove WooCommerce Features - Product Image Slider

Step #3

Press the button.

You will see the change on your product pages immediately. Remove WooCommerce Features will make sure the image slider no longer appears on your store.

The best part about doing this with our plugin is that your setting will be recognized no matter what changes you might make to your WooCommerce theme. That means that any future updates, or changes in theme entirely, won’t impact your setting to remove the image slider from your product pages.

Remove WooCommerce Features does a lot more than just handle these image sliders. You can use the plugin to remove and adjust your site in dozens of ways.

Remove WooCommerce Features Logo