Color Swatches Filter Widget for Elementor
Color Swatches Filter widget lets customers easily filter products by color, improving their shopping experience and boosting conversions on your WooCommerce store.
Color Swatches Filter Frequently Asked Questions
The Color Swatches Filter is a widget that allows you to display filter options for your users using swatches of color instead of traditional dropdowns or checkboxes. It enhances user experience by providing a visually appealing and interactive way to filter content based on color attributes, making it ideal for products with color variations or any type of content categorized by color.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for "Color Swatches Filter" in the search bar.
- Hover over the widget in the search results and click Install.
- Add the "Color Swatches Filter" widget to any Elementor page.
The Color Swatches Filter is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now
Yes, this filter can be synced with the Post widget after the page has loaded. By enabling this option, the filter will only show terms that are included in the post widget query, ensuring that your visitors only see color options related to the specific posts or products displayed on the page.
You can enable the "Override Query Terms" option in the widget settings. When activated, this filter will override the terms selected in the post query of the Post widget. This means the filter will display its own terms, regardless of the pre-existing terms set in the Post widget query, allowing for customized filtering based on color.
This filter widget allows you to select the filter logic. You can choose between "Or" or "And" logic. The "Or" logic displays results that match any of the selected terms, while the "And" logic only shows results that match all selected terms. This flexibility helps you create more refined or broader filtering options depending on your needs.
Yes, this filter allows you to customize the terms query. You can tailor which terms are displayed based on your requirements, adjusting settings such as which taxonomies or categories to include. This customization ensures that your filter is dynamic and accurately reflects the terms associated with the posts or products you are displaying on your page.
For this filter widget, you can select between two layout types: Grid or Flex. The Grid layout arranges the color swatches in a neat, uniform grid format, while the Flex layout provides more flexibility in positioning the swatches. You can choose the layout based on the design and structure of your page for optimal user experience.
Yes, you can enable the option to show color names in this filter. This option is helpful for users who prefer to identify colors by name rather than relying solely on the swatches. You can choose to display the names alongside the swatches or as a tooltip, providing a clearer and more informative filtering experience.
Yes, you can enable the option to show post counts on terms in this filter. This feature displays the number of posts or products associated with each color term, providing users with additional context about the availability of content in each color category. It's a helpful feature for visitors looking for content with more options.
Using the Color Swatches Filter is easy. Simply drag and drop the widget into your Elementor page, configure your filter settings, and choose the color options you want to display as swatches. You can link the filter to categories or tags, set the filter layout, and customize the style to match your site's design. Check our documentation for a detailed guide.
