Details and Features
Using this plugin, you will be able to create customised and responsive WooCommerce categories carousels and show them on anywhere using Shortcodes.
Shortcodes
Copy Shortcode showing on this page and paste it on Post/Page/Widget or Gantry 5 Particle where you want to show this Categories carousel.
Configurable Options: Text Box
| Textbox Options: | |
| Display Textbox | Show/hide text box. |
|---|---|
| Textbox Title | Write text box title. E.g. Popular Categories |
| Short Description | Write short description. |
| Button Text | Write button text. E.g. All Categories |
| Button Link Url | Enter full URL or page slug to navigate after clicking on the button. |
| Button CSS Class | Add CSS class to style the button. |
| Button Link Target | Select whether the page open at the same window or new window after clicking on the button. |
Configurable Options: Categories Display Settings
| Categories Display Settings: | |
| Categories Display Type | Selected categories, Random categories, Categories name A-Z and Categories name Z-A |
|---|---|
| Select Categories | If you selected 'Selected categories' option from above Categories Display Type, selected categories you want to show here. |
| Exclude Categories | Select categories you want to exclude if you selected 'Random categories/Categories name A-Z/Categories name Z-A' from above Categories Display Type. |
| Maximum Displayed Categories | Enter number of total categories you want to display if you selected 'Random categories/Categories name A-Z/Categories name Z-A' from above Categories Display Type. |
| Hide Empty Categories | Yes/No. |
| Show Products Count | Yes/No. |
| Products Count Label | Write Products Count Label. E.g. products |
| Image Options: | |
| Enable Image Resizing & Cropping | Yes or No. Enable if you have products images with different size. |
| Image Cropping Width | Enter the image width to crop. E.g. 350 |
| Image Cropping Height |
Enter the image height to crop. E.g. 350 |
| Image Border Radius | Enter CSS border radius in px/em/rem/%. Keep empty to disable. |
| Categories Styles Options: | |
| Background Color | Choose a color (from color picker) or add a color code for categories background color. |
| Border Color | Choose a color (from color picker) or add a color code for categories border color. |
| Border Radius | Add CSS border-radius in px/em/rem/% for categories box. |
| Border Color On Hover | Choose a color (from color picker) or add a color code for categories hover border color. |
| Text Color | Choose a color (from color picker) or add a color code for categories name and products count. |
| Text Color On Hover | Choose a color (from color picker) or add a color code for category name after hover on a category box. |
Configurable Options: Carousel Settings
| Carousel Settings: (Carousel Options) | |
| Auto Play | Whether Auto play the carousel or not. |
|---|---|
| Pause On Hover | Whether Pause the Auto play on mouse hover or not if you enabled Auto play. |
| Loop Slider | If enabled, the carousel will keeps scrolling from first item again after reaching to the last item. |
| Scroll | Whether scroll one by one product or visible products on a single slide. |
| Show Navigation Arrows | Show/Hide navigation arrows. |
| Navigation Arrows Icon | Select an arrow type from Long Arrow, Chevron or Caret. |
| Show Pagination/Dots | Show/Hide slide pagination/dots. |
| Slide Speed | Enter Slide Speed in Milliseconds. |
| Columns Options: | |
| Large Desktop | Show number of products on single slide on Large Desktop view where screen size is equal to or greater than 1200px. |
| Desktop | Show number of products on single slide on Desktop view where screen size is 960px - 1199px. |
| Tablet | Show number of products on single slide on Desktop view where screen size is 768px - 959px. |
| Large Mobile | Show number of products on single slide on Desktop view where screen size is 480px - 767px. |
| Mobile | Show number of products on single slide on Desktop view where screen size is maximum 479px. |
| Navigation Arrow Styles: | |
| Arrow Color | Choose a color (from color picker) or add a color code for Navigation Arrows. |
| Arrow Background Color | Add a color code for Navigation Arrows Background. It's a text field, so you can add rgba(0, 0, 0, 0.4) color code for making the background slightly transparent if necessary. |
| Arrow Hover Color | Choose a color (from color picker) or add a color code for Navigation Arrows on hover. |
| Arrow Hover Background Color | Choose a color (from color picker) or add a color code for Navigation Arrows Background on hover. |
| Arrow Border Radius | Add CSS border radius in px/rem/em/% to make Navigation Arrows slightly or fully round. |
| Dots Styles: | |
| Dots Color | Choose a color (from color picker) or add a color code for Dots Color. |
| Dots Hover Color | Choose a color (from color picker) or add a color code for Dots Hover Color. |
| Active Dot Color | Choose a color (from color picker) or add a color code for Active Dots Color. |
Screenshots of this plugin from WordPress Admin.
WT Categories Carousel for WooCommerce
$ 26.00/onetime
Access to downloads, updates and customer support for 6 months. If you need to get access to downloads, updates (including updates from WordPress admin) and customer support after subscription expire, you will need to renew or buy again.
