WooSlider – WooCommerce Product Slideshow is a WooCommerce extension that enables you to embed slideshows of WooCommerce products using the popular WooSlider plugin. This is built on the WooSlider plugin and can be added to allow for a slider in your store, as well as pages and posts.
Installation ↑ Back to top
To install WooSlider – WooCommerce Product Slideshow:
- Download the .zip file from your WooCommerce.com account.
- Go to: WordPress Admin > Plugins > Add New to upload the file you downloaded with Choose File.
- Activate the extension.
More information at:.
Inserting Product SlideShows ↑ Back to top
Within a page or post, click the link to insert media.
Within the Media Uploader, click the SlideShows tab and select Products from the SlideShow Type.
Set options for the slider, and click Insert Slideshow.
SlideShow Options ↑ Back to top
When inserting a SlideShow, you have these options:
- Number of Products
- Set the number of products that should be displayed in the SlideShow.
- Use thumbnails for Pagination
- Whether to use thumbnails for navigation within the slider.
- Display “Add to Cart” button
- Option to show the WooCommerce Add to Cart button on a product slide.
- Select the layout you want to use in the SlideShow.
- Type of overlay when displaying the product text.
- Select the product categories from which to display products.
- Select the product tags from which to display products.
- Link the Slide Title to the product
- Within a slide, this will create a link on the title to the product.
- Check product in stock
- Display products that are in stock. More at: Managing Products.
- Featured products only
- Only display products that are featured.
Shortcode Reference ↑ Back to top
The shortcode to add a Product Slideshow is [wooslider slider_type=”products”], with the following options available:
category – Slug (or a comma-separated list of slugs) of one or more of your product categories.
tag – Slug (or a comma-separated list of slugs) of one or more of your product tags.
size – The size of the image to be displayed (takes a WordPress size handle – “thumbnail”, “medium”, “large”, “full” or a custom-registered image size).
layout – Where to display the post title and excerpt, in relation to the image (“text-left”, “text-right”, “text-top”, “text-bottom”)
overlay – Whether or not to overlay the text over the image (“none”, “natural” or “full”)
limit – The number of products to display (an integer value such as 1, 5, or 10, for example)
thumbnails – Whether or not to use thumbnails for pagination, instead of the default pagination navigation (Boolean- “true” or “false”)
link_title_to_product – Whether or not to transform the title of each product into a link to the product itself (Boolean- “true” or “false”)
check_product_in_stock – Display on products which are in stock. (Boolean- “true” or “false”)
display_only_featured – Display only products which are set as ‘Featured’. (Boolean- “true” or “false”)
Image sizes/cropping ↑ Back to top
Product slider images are affected by image settings in WooCommerce. Find these settings at: WooCommerce > Settings > Products > Product Options.