Intro
Elementor Woo Categories Listing by Premium Addons allows you to display your WooCommerce categories stylishly and organized. This widget offers various layout options and customization settings to help you create an attractive and user-friendly category listing on your WordPress site.
Check Elementor Woo Categories Listing demo.
Requirements:
- You will need Premium Addons free plugin installed and activated on your website.
- Ensure the feature is enabled to find it in the Elementor editor.
- Premium Addons Pro is required for:
- Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated.
Key Features
- Layout Options
- Query
- Display Options
- Carousel Options
Layout Options
Please note that Carousel Layout requires Premium Addons PRO installed and activated on your website.
- Layout: Select from Masonry, Even, List, or Carousel layouts.
- Category Per Row: Set the number of categories to display per row.
- Image Height: Adjust the height of the category images.
- Rows Spacing: Set the spacing between rows.
- Columns Spacing: Set the spacing between columns.
Query Settings
- Number of Categories: Specify the number of categories to display.
- Category Filter Rule: Choose whether to show all categories or only specific ones.
- Order by: Decide the sorting order of the categories (e.g., Name, ID).
- Order: Choose between ascending or descending order.
- Hide Empty Categories: Toggle this option to hide categories that do not contain products.
- Empty Query Text: Customize the text to display if no categories are found.
Display Options
- Content Position: Set the position of the content relative to the image.
- Show Products Count: Toggle this option to display the number of products in each category.
- Products Count Position: Choose the position of the product count.
- Show Category Description: Toggle this option to display the category description.
- Title HTML Tag: Choose the HTML tag for the category titles (e.g., H3, H4).
- Content Alignment: Align the content as needed.
- Links in New Tab: Choose whether to open category links in a new tab.
Additional Settings
Carousel Options (if using Carousel Layout)
- Show Arrows: Toggle this option to display navigation arrows.
- Arrows Position: Adjust the position of the navigation arrows.
- Show Dots: Toggle this option to display navigation dots.
- Products to Scroll: Set the number of products to scroll at a time.
- Autoplay Slides: Toggle this option to enable autoplay.
- Autoplay Interval: Set the interval between autoplay slides.
- Autoplay Speed: Adjust the speed of the autoplay transition.
Style
Image
- Overlay Color: Choose the overlay color.
- Image Hover Style: Select the hover style to be None, Zoom In, Zoom Out, Scale, Greyscale, Bright, Sepia, Translate, or Custom.
- Image Fit: Set how the image fits as Fill, Cover, or Contain.
- Border Type: Select the border type.
- Border Radius: Adjust the border-radius.
Title
- Color: Choose the text color.
- Hover Color: Set the color on hover.
- Typography: Customize the typography.
- Text Shadow: Add a text-shadow.
- Margin: Adjust the margin around the text.
Products Count
- Color: Choose the text color.
- Hover Color: Set the color on hover.
- Typography: Customize the typography.
- Text Shadow: Add a text shadow.
- Margin: Adjust the margin around the text.
Carousel Dots
- Color: Choose the color of the dots.
- Active Color: Set the color for active dots.
Carousel Arrows
- Color: Choose the arrow color.
- Size: Adjust the size of the arrows.
- Background Color: Set the background color for the arrows.
- Border Radius: Adjust the border radius for the arrows.
- Padding: Set the padding for the arrows.
Content Container
Please note that Content Container requires Premium Addons PRO installed and activated on your website.
- Width: Set the width of the content container.
- Individual Style: Toggle to apply individual styles.
- Background Type: Choose the background type.
- Border Type: Select the border type.
- Border Radius: Adjust the border-radius.
- Margin: Set the margin around the content container.
- Padding: Set the padding within the content container.
Category Container
- Background Type: Choose the background type.
- Border Type: Select the border type.
- Border Radius: Adjust the border-radius.
- Padding: Set the padding within the category container.
Conclusion
Elementor Woo Product Category Listing by Premium Addons offers extensive customization options for displaying WooCommerce categories on your website. With various layouts and styling options, you can create a visually appealing and user-friendly category listing to enhance your site’s design and improve the shopping experience for your visitors.
If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help 😁
Join the Community
You’re most welcome to join our Facebook group and YouTube channel to get updates about new features, improvements, and bug fixes.
