Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

ue-2.0
Loop Grid in Elementor - Featured Blog
Loop Carousel in Elementor - Featured Blog
Color Swatches Filter
PRO

Color Swatches Filter Block for WordPress

Color Swatches Filter block lets customers easily filter products by color, improving their shopping experience and boosting conversions on your WooCommerce store.

color swatches filter

Color Swatches Filter Frequently Asked Questions

What is the Color Swatches Filter in WordPress?

The Color Swatches Filter is a block 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.

How do I add the Color Swatches Filter to my WordPress website?

This block requires the Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to the Unlimited Elements Block Library.
  2. Search for "Color Swatches Filter" in the search bar.
  3. Hover over the block in the search results and click Install.
  4. Add the "Color Swatches Filter" block to any WordPress page.
Is the Color Swatches Filter free?

The Color Swatches Filter is not free; it is included in the Unlimited Elements Pro version. Unlock this block and many other advanced features by upgrading to Pro. Upgrade Now

Can I sync the Color Swatches Filter to the Post block after load?

Yes, this filter can be synced with the Post block after the page has loaded. By enabling this option, the filter will only show terms that are included in the post block query, ensuring that your visitors only see color options related to the specific posts or products displayed on the page.

How do I override the query terms with the Color Swatches Filter?

You can enable the "Override Query Terms" option in the block settings. When activated, this filter will override the terms selected in the post query of the Post block. This means the filter will display its own terms, regardless of the pre-existing terms set in the Post block query, allowing for customized filtering based on color.

Can I customize the filter logic for this filter?

This filter block 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.

Can I customize the terms query for the Color Swatches Filter?

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.

What layout types can I select for the Color Swatches Filter?

For this filter block, 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.

Can I show color names in the Color Swatches Filter?

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.

Can I show post counts on terms in the Color Swatches Filter?

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.

How do I use the Color Swatches Filter in WordPress?

Using the Color Swatches Filter is easy. Simply drag and drop the block into your WordPress 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.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!