1st Jun '22

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:

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

Related Tutorials..

Pro

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: Bricks, Plugins, Pro

Tags: ACF, WooCommerce

[WooCommerce] Product Category Image Background in Bricks

How to set up the product category thumbnail image as the background of a Section.

Categories: Bricks, Free, Plugins

Tags: WooCommerce

Pro

Dynamic Accordion in WordPress using Meta Box and Alpine.js

This Pro tutorial provides the steps to implement an accordion using Alpine.js in WordPress that pulls the values of sub fields of a Meta Box…

Categories: Plugins, Pro, WordPress

Tags: Accordion, Alpine.js, Meta Box

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: Free, Plugins

Tags: WooCommerce

Pro

[WooCommerce] Up-Sells and Cross-Sells Query Loop in Bricks

This tutorial provides the steps to set up up-sells and cross-sells in the single product template.

Categories: Bricks, Plugins, Pro

Tags: bricks/posts/query_vars, JSON Code, Query Loop, WooCommerce

Image Sizes in Bricks

An overview of all the image sizes generated by Bricks, WooCommerce & WP.

Categories: Bricks, Free

Tags: Image Sizes, WooCommerce

Pro

Similarly Priced WooCommerce Products Bricks Query Loop

How to show products priced within a percentage of the current single product's price.

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

WooCommerce Product Loop Template in Bricks

Create a standard product loop template design in Bricks, and set it to override the default WooCommerce product loop.

Categories: Bricks, Free, Plugins

Tags: Dynamic Data, Template Overriding, WooCommerce

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: Bricks, Free, Plugins

Tags: WooCommerce

View All Tutorials