Category Showcase

The Category Showcase Widget in Animation Addons for Elementor is a paid feature. To access this widget, ensure the plugin is installed and activated on your site. You can explore both free and pro widgets by filtering the selection options.

Introduction

The Category Showcase Widget displays post categories in a visually appealing layout, making content navigation easier.

Key Use Cases for the Category Showcase Widget:

• Display categories in a well-organized and visually appealing manner.
• Customize the style to seamlessly align with your site’s design.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Category Showcase Widget :

• Go to Animation Addons → Elements in your WordPress dashboard.
• Find the Category Showcase Widget in the list.
• Toggle it on to enable the widget.
• Now, the Category Showcase Widget is ready to use!

How to Add Category Showcase Widget in Elementor

• Open the page where you want to add the Category Showcase Widget.
• Launch the Elementor editor.
• In the Elementor panel, search for “Category Showcase Widget”.
• Drag the widget to your desired section.
• The Category Showcase Widget is now ready for customization.

How to Configure Category Showcase Widget

• Make sure the Category Showcase Widget is activated in your Elementor settings.
• Open a new page in WordPress.
• Add a page title and choose the Elementor Full Width template.
  Click Publish to save your changes.
• In the Elementor panel, search for “Category Showcase Widget” and drag it onto the page.
• Adjust the category layout, styling, and content display as needed.

Configuring Category Showcase Widget : A Step-by-Step Guide

Once the Category Showcase Widget is added to your page, you can configure its settings under different tabs: Content, Style, and Advanced.

Content Settings

In the content section, you’ll find various customization options such as Image, Content, Layout, and Settings. These options allow you to tailor the widget to fit your design needs-

Image: This option allows you to upload or select an image to display within the widget. You can use it to showcase category icons, cover images, or any other visual elements that represent the category.

Content: The content section allows you to define what information will be displayed within the widget. This typically includes post titles, descriptions, or excerpts. You can control the specific content shown based on the category selected.

Layout: This option helps you adjust how the categories are displayed. You can choose between grid or list layouts, and modify the number of columns, spacing, and alignment. This ensures the widget fits perfectly into your design.

Settings: The settings section lets you tweak the overall behavior of the widget. You can control options like the number of posts to display, whether to show or hide specific elements, and adjust pagination settings if needed.

Style Settings

In the style section, you’ll find various customization options such as Item, Thumbnail, Content, Title, Subtitle, Description, Slogan, and Border. These options allow you to refine the look and feel of the widget to match your design preferences.

Item: This option allows you to style the overall look of each category item, including padding, margin, and alignment. It ensures that each category block is styled consistently across your site.

Thumbnail: Style the thumbnail image for each category. You can adjust the image size, border radius, and hover effects to create an eye-catching display for category images.

Content: Customize the look and feel of the content area within each category block. You can adjust spacing, padding, font settings, and more to ensure the content is visually appealing and easy to read.

Title: Style the category title, including its typography, font size, color, weight, and spacing. This ensures that the title stands out and aligns with your site’s design.

Subtitle: If you use subtitles for categories, you can adjust their typography, color, size, and spacing to differentiate them from the main title and make them visually appealing.

Description: Customize the description text within the category block. You can adjust font size, color, line height, and spacing to make sure the description is readable and well-integrated with the overall design.

Slogan: Style the category slogan if it’s part of the widget. Adjust font size, weight, color, and spacing to make it stand out or blend with the design as needed.

Border: Customize the border around the category items. You can change the border color, width, style, and radius to create a unique visual frame for each category.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make-

Final Outcome

Congratulations! You’ve successfully learned how to set up the Category Showcase Widget in Elementor to display categories in an engaging and dynamic way.

For any further help or questions, feel free to reach out to our support team!