27th Oct '22/9 comments/FavoriteTop-Level Product Categories in BricksSridhar 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 Username Password Remember Me Forgot Password Tagged: BricksProWooCommerceSridhar KatakamSridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.Get access to all 537 Bricks code tutorials with BricksLabs Pro
Pro Conditional Bricks Templates Based on Product Category Hierarchy LevelsProgrammatically appling Bricks templates to product category archives based on hierarchy level.Read more →Categories: Bricks, Plugins, ProTags: bricks/active_templates, WooCommerce
Pro On Sale Products Bricks Query LoopLooking to show only the WooCommerce products that are on sale in Bricks? Set up a query loop, enable the PHP query editor and paste:Read more →Categories: Bricks, Plugins, ProTags: WooCommerce
Pro How to Modify Products Element Query in Bricks to Output Child ProductsThis Pro tutorial provides the steps to limit WooCommerce products output by Bricks' Products element on single product pages to only the children of the…Read more →Categories: Bricks, Plugins, ProTags: bricks/query/result, WooCommerce
Image Sizes in BricksAn overview of all the image sizes generated by Bricks, WooCommerce & WP.Read more →Categories: Bricks, FreeTags: Image Sizes, WooCommerce
[WooCommerce] Product Category Image Background in BricksHow to set up the product category thumbnail image as the background of a Section.Read more →Categories: Bricks, Free, PluginsTags: WooCommerce
Side-by-side WooCommerce Quantity and Add to Cart in BricksLooking 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, FreeTags: WooCommerce
Pro Stock Quantity Block for WP Grid BuilderIn the unofficial WP Grid Builder Facebook group a user asked: Is it possible to show stock quantity on the card? I can't find it…Read more →Categories: Plugins, ProTags: WP Grid Builder
Custom WooCommerce Account Dashboard in BricksHow to build a custom My Account dashboard using the WooCommerce account builder in Bricks.Read more →Categories: Bricks, Free, PluginsTags: Dashboard, WooCommerce
Pro [WooCommerce] Sticky on Scroll Add to Cart section in BricksSetting up a sticky section that fades in when scrolling down and fades away when scrolled to the top.Read more →Categories: Bricks, ProTags: JavaScript, sessionStorage