17th Jun '22

Single Product Template in Bricks

Updated on 09 Sep 2023

Single WooCommerce products appear fine out of the box and are rendered by the theme in Bricks.

If you wish to customize this layout visually, you would need to re-build it using the WooCommerce elements that Bricks provides. We did this for you and in this Pro tutorial we share an export of the Bricks Template for single products.

Step 1

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

Related Tutorials..

Custom WooCommerce Account Dashboard in Bricks

How to build a custom My Account dashboard using the WooCommerce account builder in Bricks.

Categories: Bricks, Free, Plugins

Tags: Dashboard, WooCommerce

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

Product Gallery Carousel in Bricks

Showing how we can replace the images of a Carousel with those set in the Product Gallery for product pages.

Categories: Bricks, Free

Tags: bricks/element/settings, Carousel, Filters, WooCommerce

Pro

On Sale Products Bricks Query Loop

Looking to show only the WooCommerce products that are on sale in Bricks? Set up a query loop, enable the PHP query editor and paste:

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Condition based on WooCommerce Product Attributes in Bricks

How to display elements only when a specific WooCommerce product attribute is selected.

Categories: Bricks, Free, Plugins

Tags: WooCommerce

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…

Categories: Bricks, Free, Plugins

Tags: Dynamic Data, 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

Quick View Buttons for Woo Products in Bricks

This Pro tutorial provides the steps to set up quickview buttons for products in a Woo (formerly, WooCommerce) products grid using Bricks' Popups and Interactions…

Categories: Bricks, Plugins, Pro

Tags: 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

View All Tutorials