Include a Slider / Carousel effect in WooCommerce Shortcodes
By adding a shorcode to the original woocmmerce shortcode you can get a Slider-Carousel effect
it can be divided by columns ess: itemswc=”3″
you can split render silde with automatic animation autoplay=”true” or autoplay=”false”
it is important to keep only 1 column in the original woocmmmerce shortcode
as in the example:
[wccarousel itemswc=”3″ autoplay=”true”] [products limit=”4″ columns=”1″ orderby=”popularity” ] [/wccarousel]
if you want more slides per page the second shortcode will have to be written like this: [wccarousel-b] [/wccarousel-b]
[wccarousel-b itemswc=”2″ autoplay=”true”] [products limit=”4″ columns=”1″ size=”full” orderby=”popularity” class=”” ] [/wccarousel-b]
Touch and Drag Support
Designed specially to boost mobile browsing experience. Mouse drag works great on desktop too!
Almost all options are responsive and include very intuitive breakpoints settings.
Owl uses hardware acceleration with CSS3 Translate3d transitions. Its fast and works like a charm!
CSS2 fallback supported for older browser.
- Supports latest
- Include a Slider / Carousel effect in WooCommerce Shortcodes
Front end Demo (looks in the front-end website)