Blocksify Product Loop is the WooCommerce product-grid variation of Content Loop, using styled cards and WooCommerce product data.
Use it when WooCommerce is active and you want a product grid that keeps the Blocksify card builder instead of using WooCommerce’s default product template.
- Before you start: WooCommerce must be active on the site.
- Without WooCommerce, the Product Loop variation and product card elements are not shown.
Where to find it
- Open the block inserter in the WordPress editor.
- Choose Blocksify → Product Loop. The variation inserts a Content Loop configured for products.
- Select the block and use the Query, Grid, Card, and Paging tabs.
What Product Loop is
Product Loop is a WooCommerce-specific variation of the Content Loop block. It keeps Content Loop’s query controls, card zones, element styling, and paging, then adds WooCommerce product details.
WooCommerce product options appear only when WooCommerce is available, so post and term loops stay focused on their own content types.
Product presets
The Product presets panel provides ready-made starting queries for common shop grids. Turn the panel on to reveal Product query, then choose the starting set you need.
| Product query group | Choices and availability |
| Ready-made sorts and sets | Newest, Best Sellers, Top Rated, On Sale, Featured, Price: Low to High, and Price: High to Low. |
| Choose the products | By Category, By Tag, and Hand-Picked. These choices reveal a category, tag, or product picker. |
| Current-product sets | Related, Cross-Sells, and Up-Sells. These use the current product and render only inside a single-product Dynamic Template; elsewhere the loop stays empty. |
Use Parameters for further adjustments. You can switch presets or adjust the query without inserting a different block.
To let shoppers narrow a catalogue by price, stock, rating, sale status, or taxonomy, see Filter WooCommerce products, which needs Blocksify Pro.
WooCommerce card elements
Product Loop adds WooCommerce-specific elements to the card builder through the Element type select. These elements use the product’s WooCommerce details and stay empty when that product does not have the matching value.
| Element | What shoppers see |
| Price | The WooCommerce price display, including sale and variable-product ranges. |
| Sale Badge | A customizable sale badge, with Sale as the default label. |
| Stock Status | Availability text such as in stock, out of stock, or on backorder. |
| Star Rating | The WooCommerce star rating, with optional visible review count. |
| Add to Cart | The normal WooCommerce shop button for that product type. |
Product cards can also reuse the existing Content Loop image, title, description, and category elements. For image sizing details, see the Image block.
Product cards include the standard WooCommerce product card parts that themes and plugins add, so compatible shop extensions can include their normal content automatically. Blocksify keeps its own image, title, price, rating, and button from being duplicated.
Add to Cart behavior
The Add to Cart element follows WooCommerce’s normal shop-button behavior. Simple, purchasable, in-stock products can use WooCommerce AJAX add-to-cart, while variable or grouped products link shoppers to the product page.
Product Loop button styling keeps the card’s typography, color, background, padding, border, and radius consistent. On a single-product Dynamic Template, use the standalone Product Add to Cart block; its quantity control defaults to Stepper, and linked product blocks follow the shopper’s selected variation.