The Blocksify Product Price block displays the current WooCommerce product’s regular, sale, or variable price.
- Before you start: Activate WooCommerce, create a product, and open a Blocksify Dynamic Template for single products.
- See Dynamic Templates overview for the template workflow or Build a WooCommerce product template for the complete layout tutorial.
Where to find it
- Go to Blocksify → Dynamic Templates and open a template that targets single WooCommerce products.
- Open the + (Block Inserter), find Blocksify WooCommerce, and select Product Price. The preview product’s price appears.
- Select the block and open the settings sidebar to use Layout and Styling.
Note: The inserter offers this block only in the Dynamic Template editor. For a shop grid on a page, use Product Loop and its card elements.
Layout
The Layout panel controls the space between the original and discounted prices in a sale pair.
| Setting | Description |
|---|---|
| Horizontal gap | Sets the space between the crossed-out regular price and the sale price. Use the device selector above the inspector to set separate desktop, tablet, and mobile values. |
There is no layout mode, prefix, suffix, sale-only, or strike-through switch. WooCommerce supplies the complete price and applies its configured currency, tax display, and price suffix.
Styling
The Styling panel gives each price form its own typography and color controls.
| Part | What it controls |
|---|---|
| Regular price | A standard price and the crossed-out original price in a sale pair. |
| Sale price | The discounted price in a sale pair. |
| Price range | The range shown for a variable product that is not displayed as a sale pair. |
Frontend behavior
On the Beanie page, the block shows WooCommerce’s crossed-out regular price beside its sale price, as shown below. A regular-priced product shows one value, while a variable product can show a price range.
If the product has no displayable price, the block stays hidden. When a Product Add to Cart block is on the same template, Product Price follows the valid Hoodie variation selected by the shopper; clearing the selection restores the product price.