Now you can goodbye to the extra plugin for swatches. BricksUltimate implemented the native swatches functionality for the Bricks builder and you can edit it directly from the Bricks editor. it is supporting the following elements:

1. Add To Cart element of the bricks
2. Add To Cart of BricksUltimate

Enabling the Swatches

Make sure that you installed and activated the BricksUltimate addon. Now navigate to Bricks -> BricksUltimate -> Misc page and enable the “Swatches” feature.

Note: If you fetch the images from the variable product, you should enable the 2nd checkbox.

Adding the Swatches

You can only add the swatches to product attributes’s terms.

1. Navigate to Products -> Attributes
2. Add an attribute
3. Click on the “Configure terms” link of that attribute. You can see it in your right-side box.
4. You will get a new page. Enter the details like name, slug, description, etc
5. There is another white box “Configure Swatches”
6. Configure color or image(not both)

Added Swatches to Template

Open the single product page template or quick view template and add the Add To Cart element. You will get a new section “Swatches” there. Configure the design as per your design and you are done.

Note: If you are using the native bricks Add To Cart element, you will go to Bricks ->BricksUltimate -> Misc page and enable the “Add To Cart Button” option.

Videos

1. Updating the base price based on selected variations of price