27th Oct '22

Top-Level Product Categories in Bricks

Sridhar Katakam

Updated on 18 Mar 2024.

This Pro tutorial provides the steps to show top-level WooCommerce product categories in Bricks using a query loop.

We shall output the product category image and name linked to the product category archive in a grid.

Step 1

Let us first define a custom function that returns the product category image.

Add this in your child theme's functions.php or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:

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

Related Tutorials..

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

Pro

[WooCommerce] Sale price dates in Bricks

Outputting start and end sale price dates (if set) for WooCommerce products.

Categories: Bricks, Pro

Tags: WooCommerce

Pro

WooCommerce Products Live Search in Bricks

This Pro tutorial provides the steps to set up a live search for WooCommerce products in Bricks. Note: Bricks' live search works with any type…

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

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

Pro

Single Product Template in Bricks

In this Pro tutorial we share an export of a pre-made Bricks Template for single products.

Categories: Bricks, Pro

Tags: Template Export, WooCommerce

Pro

WooCommerce Product Reviews Bricks Query Loop

Creating a custom query loop for WooCommerce product reviews for building custom review layouts.

Categories: Bricks, Plugins, Pro

Tags: Custom Query Type, WooCommerce

Pro

WooCommerce Product Gallery Images in Bricks Query Loop

How to output the images attached to Product gallery on a product page with a query loop

Categories: Bricks, Plugins, Pro

Tags: bricks/element/render, bricks/posts/query_vars, Filters, 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

Pro

[WooCommerce] Sticky on Scroll Add to Cart section in Bricks

Setting up a sticky section that fades in when scrolling down and fades away when scrolled to the top.

Categories: Bricks, Pro

Tags: JavaScript, sessionStorage

View All Tutorials