20th Jul '24
/
4 comments

Condition based on WooCommerce Product Attributes in Bricks

A user asks:

showing element when woocommerce attribute selected

I need to show specific video if woocommerce attribute is selected. i have attribute difficulty and there very-easy, easy, moderate, hard and want to show each video on each difficulty level.

WooCommerce Product Attributes are taxonomies and hence it is possible to conditionally output any element based on the value of a product attribute just like we can check against any taxonomy term in Bricks.

Apply this dynamic data condition:

where color is the attribute name and Red is what you want to check for.

:plain filter ensures that hyperlinks are not included in the output.

Any element for which this condition is applied will be output if the condition is met. Ex. when viewing the following single product page:

Get access to all 630 Bricks code tutorials with BricksLabs Pro

4 comments

  • Dale Donnolly

    Hi Sridhar, I cannot seem to get this working for Variable Products. Would variable products work any different?

  • Michał Czajka

    i dont know what am i doing wrong, but if i have easy, medium, hard on my product it shows all of them, not selected.

    • A

      Need to log into your site, understand the setup to troubleshoot/further advise. But that will be paid consult.

      You may want to contact Bricks support instead :)

  • Michał Czajka

    you are the best :)

Leave your comment

 

Related Tutorials..

Pro
WooCommerce Product Carousel in Bricks

WooCommerce Product Carousel in Bricks

How to set up a carousel that shows WooCommerce products with the product title, price and Add to Cart button for each.
Categories:
Pro
How to Modify Products Element Query in Bricks to Output Child Products

How to Modify Products Element Query in Bricks to Output Child Products

This Pro tutorial provides the steps to limit WooCommerce products output by Bricks' Products element on single product pages to only the children of the…
Is WooCommerce Cart Empty Condition in Bricks

Is WooCommerce Cart Empty Condition in Bricks

Updated on 5 Nov 2024 Looking to conditionally render an element depending on whether the user's cart is empty or not when using WooCommerce? Add…
Pro
Related FAQs on Product pages Based on Product Category Taxonomy in Bricks

Related FAQs on Product pages Based on Product Category Taxonomy in Bricks

On product pages, we show all the FAQs associated with the current WooCommerce product's product categories.
Categories:
Pro
Out of Stock Ribbon for WooCommerce Products in Bricks

Out of Stock Ribbon for WooCommerce Products in Bricks

Show an “OUT OF STOCK” ribbon for WooCommerce products that are output via the Products element on listing pages.
Categories:
How To Remove the Featured Image from WooCommerce Product Gallery

How To Remove the Featured Image from WooCommerce Product Gallery

Product Gallery on single product pages in WordPress include the product's featured image by default. If you are looking to exclude it so only the…
Categories: