WooCommerce’s default single-product template renders your image gallery, price, stock status, and add-to-cart button as one fused block of markup. Restyle the price and you risk breaking the layout around it. Nexter Blocks splits that same page into 8 independent blocks, each stylable on its own. Here’s the build, block by block.
Before You Start
You’ll need WooCommerce active and the Nexter Blocks WooCommerce block set enabled (Nexter Blocks → Blocks). Build this as a single product template inside the Nexter Theme Builder, not as a one-off edit on an individual product — that way it applies to your whole catalog at once, since every block below pulls live data from whichever product is currently being viewed.
The 8 Single Product Blocks, in Build Order
- Single Product Image — the main image, gallery thumbnails, zoom, and image swaps per variation. Place this first; everything else builds around it.
- Single Product Pricing — regular price, sale price, a price label, and a discount badge, updating dynamically for variable products.
- Single Product Rating — star rating and review count, typically placed just under the title.
- Single Product Stock — in stock, out of stock, or backorder status.
- Single Product Meta — SKU, categories, and tags.
- Product Add to Cart — the add-to-cart button, quantity selector, variation swatches, and AJAX add-to-cart.
- Single Product Tabs — Description, Additional Information, and Reviews tabs.
- Single Product Review — the reviews list plus the review submission form, usually placed inside the Reviews tab.
Add the Conversion Blocks Now, Not After Launch
Variation swatches replace the default WooCommerce dropdown with color, image, or button swatches, and they change the layout footprint of the Add to Cart block. Add swatches, Quick View, Compare, and Wishlist while you’re building the template, not after you’ve already finalized spacing — retrofitting them later usually means re-checking every product’s layout again.
Also Read: How to Build a WooCommerce Store with the Nexter Theme (Step by Step) — the wider build order for the rest of the store, cart through checkout.
Styling Each Block
Every block gets its own Layout and Style inspector tabs, so you’re adjusting spacing, colors, and typography per block rather than fighting a single monolithic template. Because the blocks are theme-native, they also inherit your Nexter Global Styles brand colors and typography by default, so a new product page matches your site without extra setup.
Also Read: Nexter Theme Global Styles: How to Set Up Brand Colors, Fonts and Spacing Sitewide — set this up first so your product page inherits the right defaults from day one.
FAQ
Do these blocks work with the default WooCommerce theme templates?
They’re designed to replace the default template entirely once built inside the Nexter Theme Builder as your single product template, rather than being inserted alongside the default WooCommerce markup.
Can I build a different product page layout for a specific product category?
Yes, using the Theme Builder’s display conditions, you can assign different single-product templates to different categories, not just one sitewide template.
Is variation swatches part of the free plan?
No, variation swatches and the other conversion features (Wishlist, Compare, Quick View) are part of Nexter Blocks Pro; the 8 core single-product blocks are available free.
Conclusion
Building this template once inside the Theme Builder, rather than editing individual products, is the entire point — get that part right and every product in your catalog inherits the same polished layout automatically. Add the conversion blocks during this initial pass, not after launch.
Suggested Reading
- How to Build a WooCommerce Store with the Nexter Theme (Step by Step)
- 27 New WooCommerce Blocks And Nexter SEO Are Live
- Nexter Theme Global Styles: How to Set Up Brand Colors, Fonts and Spacing Sitewide
