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 633 Bricks code tutorials with BricksLabs Pro

4 comments

  • Michał Czajka

    you are the best :)

  • 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 :)

  • Dale Donnolly

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

Leave your comment

 

Related Tutorials..

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
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…
Pro
Similarly Priced WooCommerce Products Bricks Query Loop

Similarly Priced WooCommerce Products Bricks Query Loop

How to show products priced within a percentage of the current single product's price.
Categories:
How to add a “Sold Out” badge for out of stock products in Bricks

How to add a “Sold Out” badge for out of stock products in Bricks

Looking to add a "Sold Out" badge for products in the Shop page for WooCommerce products that are out of stock when using Bricks' Products…
Side-by-side WooCommerce Quantity and Add to Cart in Bricks

Side-by-side WooCommerce Quantity and Add to Cart in Bricks

Looking to position the quantity input field and Add to cart button next to each other instead of one below the other in Bricks? Add…
Categories:
Fix for “Your theme (Bricks Child Theme) contains outdated copies of some WooCommerce template files.”

Fix for “Your theme (Bricks Child Theme) contains outdated copies of some WooCommerce template files.”

Updated on 18 Feb 2023 Users of current (at the time of writing this) Bricks stable version of 1.6.2 and WooCommerce 7.4.0 will likely see…
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: