1st Jun '22/0 comments/

WooCommerce Product Carousel in Bricks

WooCommerce Product Carousel in Bricks

This Pro tutorial provides the steps to set up a carousel that shows WooCommerce products with the product title, price and Add to Cart button for each in Bricks.

Step 1

Edit the Page/Template where you would like to show the carousel with Bricks.

Template Export

A .json export file of the "Product Carousel" Section Template is provided near the end for your convenience. Manual steps are below.

Add a Section and inside that the built-in Carousel element.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Accordion
Bricks
Pro
WooCommerce

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 524 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

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…
Read more →
Categories: Bricks, Free
Tags: WooCommerce
[WooCommerce] Product Category Image Background in Bricks

[WooCommerce] Product Category Image Background in Bricks

How to set up the product category thumbnail image as the background of a Section.
Read more →
Categories: Bricks, Free, Plugins
Tags: WooCommerce
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.
Read more →
Categories: Bricks, Plugins, Pro
Tags: ACF, WooCommerce
Pro
Dynamic Horizontal Posts Accordion in Bricks

Dynamic Horizontal Posts Accordion in Bricks

Creating a horizontal accordion of featured images from posts output by Bricks' query loop.
Read more →
Categories: Bricks, Pro
Tags: Accordion, CSS
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…
Read more →
Categories: Bricks, Free, Plugins
Tags: Dynamic Data, WooCommerce