Setting Up the WooStore Home Page Image Slider
Welcome back to our tutorial series on how to build a professional eCommerce site with WordPress, WooCommerce and the WooStore theme. In the last few tutorials we showed you how to configure the WooCommerce plugin settings, how to setup the product categories as well as how to add the first products to your WooCommerce site. Specifically, we setup variable products which involved the usage of product attributes and variations.
Today we’re going to take another step forward in the creation of our demo site (WorldCupTees.com) by showing you how to setup the WooStore image slider that appears on the home page. The featured image slider is a great way to grab the attention of your site visitors. The image slider is the main feature that makes the WooStore theme our favorite of all the available themes that were built specifically for the WooCommerce engine.
How to setup the WooStore Image Slider
Step 1: WooStore Slider Settings
Start by logging into your WordPress admin and going to WooStore > Theme Options > Slider Settings. It’s important to remember that you can always circle back and make adjustments to the slider settings at any point. There are however, a couple simple adjustments we recommend making before uploading your home page featured image slides.
As you scroll down the Slider Settings page you’ll come to an “Auto Start” check box. By default, that box is not checked. We recommend checking the Auto Start box so that the image slider automatically slides on the home page. Another recommended initial adjustment is to change the “Auto Slide Interval” from the default setting of 6 seconds to 4 seconds. We’ve tested this on a number of our personal WooCommerce sites and have found 4 seconds to be the ideal Auto Slide Interval setting.
Step 2: Adding the WooStore Home Page Featured Image Slides
After you’ve made the initial adjustments to the slider settings, it’s time to upload your slides. In the WordPress admin go to Slides > Add New. You’ll see that adding featured image slides is very similar to creating a normal blog post in WordPress. Simply give the slide a title, description, upload the featured image slide, select the “Slider Overlay Layout”, paste in the “Slide URL” (link to where you want people to go when they click on the image) and click Publish.
You’ll need to have a minimum of two featured image slides for the slider to show up on the site. We recommend creating at least three slides and more than that if possible. In our opinion, more featured image slides gives your eCommerce site a better chance of holding new visitors for longer periods of time.
You can create your featured image slides using any image editing software. We prefer Photoshop, however, there are a number of very good free programs that will work just as well. One of the best open-source (free) image editing programs is called Gimp. Simply do a Google search for “Gimp” and you’ll have the tool you need to make professional looking featured images for the home page slider.
Recommended dimensions for the featured image slides: 620×320 pixels