{"id":2471,"date":"2021-07-07T10:51:22","date_gmt":"2021-07-07T07:51:22","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=2471"},"modified":"2025-09-10T14:50:59","modified_gmt":"2025-09-10T11:50:59","slug":"single-product","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/single-product\/","title":{"rendered":"Single Product"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec72c93&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec72c93\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/FireShot-Capture-007-Customize_-Faucibus-Interdum-\u2013-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-14165\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>The single product page is the heart of any WooCommerce-powered store. It\u2019s where your visitors make the final decision to purchase, so having full control over its structure and design is crucial. With Blocksy, you aren\u2019t locked into a rigid layout &#8211; instead, you get a flexible system where every element can be arranged, styled, or removed to fit your store\u2019s unique needs.<\/p>\n\n\n\n<p>From the product title and image gallery to upsell sections and promotional features, Blocksy gives you granular control over how each part of the page looks and behaves. This ensures your store not only looks professional but also provides a smooth, conversion-optimised experience for your customers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Product Title<\/h2>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec733c9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec733c9\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/FireShot-Capture-002-Customize_-Faucibus-Interdum-\u2013-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-14155\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>The&nbsp;<strong>Product Title<\/strong>&nbsp;section gives you full control over the hero area of your single product page. You can choose between two distinct layouts to achieve the look that best fits your store.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type 1<\/strong>&nbsp;\u2013 A clean, structured layout that highlights product details in a familiar, straightforward way.<\/li>\n\n\n\n<li><strong>Type 2<\/strong>&nbsp;\u2013 A more modern look with stylish variations that give your page a fresh, distinctive feel.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec73ac7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec73ac7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/FireShot-Capture-003-Customize_-Faucibus-Interdum-\u2013-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-14157\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Type 1 look.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec74af5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec74af5\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/FireShot-Capture-004-Customize_-Faucibus-Interdum-\u2013-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-14158\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Type 2 look.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Each layout allows you to toggle and arrange multiple elements, all controlled from the&nbsp;<strong>Elements<\/strong>&nbsp;section:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>&nbsp;\u2013 Displays the product\u2019s title.<\/li>\n\n\n\n<li><strong>Excerpt<\/strong>&nbsp;\u2013 Shows the short description you\u2019ve defined for the product.<\/li>\n\n\n\n<li><strong>Breadcrumbs<\/strong>&nbsp;\u2013 Adds Blocksy\u2019s quick navigation system.<\/li>\n\n\n\n<li><strong>Post Meta<\/strong>&nbsp;\u2013 Lets you display meta information such as publish date, author, or other attributes.<\/li>\n\n\n\n<li><strong>Content Block<\/strong>&nbsp;\u2013 Embeds a Content Block inside the hero section for extra flexibility.<\/li>\n<\/ul>\n\n\n\n<p>In addition to the basic layout choices, each&nbsp;<strong>design type<\/strong>&nbsp;for the page title container unlocks its own set of customisation options. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type 1<\/strong>&nbsp;\u2013 Includes controls for horizontal alignment of the content inside the container, along with spacing adjustments to fine-tune how much breathing room the section has.<\/li>\n\n\n\n<li><strong>Type 2<\/strong>&nbsp;\u2013 Adds more flexibility, such as extra alignment options, the ability to define the container width, and background image settings. For the background, you can either set a custom image, use the featured image of the current page, or disable the background entirely.<\/li>\n<\/ul>\n\n\n\n<p>These extra controls ensure you can tailor the page title section to match the overall style and mood of your shop or product page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Product Gallery<\/h3>\n\n\n\n<p>The&nbsp;<strong>Product Gallery<\/strong>&nbsp;controls how your product images are presented. By default (Free version), you\u2019ll have access to a classic layout with a featured image on the left and thumbnails below it. With Blocksy Pro, three additional gallery styles become available, each offering a unique way of showcasing your products.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Type 1<\/h3>\n\n\n\n<p>The standard layout with a large featured product image on the left and thumbnails underneath. Clean and straightforward, this option works well for most stores.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec757de&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec757de\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-13.40.47.png\" alt=\"\" class=\"wp-image-7206\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Type 3<\/h3>\n\n\n\n<p>A grid-style gallery that shows multiple product images at once. This is ideal for showcasing items with lots of detail or variations.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec761b7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec761b7\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-13.41.27.png\" alt=\"\" class=\"wp-image-7209\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Type 2<\/h3>\n\n\n\n<p>A carousel view that puts the featured image in the spotlight, with smooth navigation between additional images. Perfect for products where the main image should take centre stage.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec76b26&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec76b26\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-13.41.03.png\" alt=\"\" class=\"wp-image-7207\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Type 4<\/h3>\n\n\n\n<p>A grid-style gallery that shows multiple product images at once. This is ideal for showcasing items with lots of detail or variations.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec7738b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec7738b\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-13.41.36.png\" alt=\"\" class=\"wp-image-7210\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Product Gallery Options<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-13.44.35.png\" alt=\"\" class=\"wp-image-7214\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Each gallery type comes with its own set of configuration controls, giving you flexibility to fine-tune the presentation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image Size &amp; Aspect Ratio<\/strong>&nbsp;\u2013 Keep your visuals consistent and well-proportioned.<\/li>\n\n\n\n<li><strong>Lightbox Mode<\/strong>&nbsp;\u2013 Let visitors open product images in a full-screen view for closer inspection.<\/li>\n\n\n\n<li><strong>Zoom Effect<\/strong>&nbsp;\u2013 Allow users to zoom in on product images for detailed viewing.<\/li>\n\n\n\n<li><strong>Sticky Gallery<\/strong>&nbsp;\u2013 Keeps the image gallery fixed in view while customers scroll through longer product descriptions on the right-hand side.<\/li>\n<\/ul>\n\n\n\n<p>Depending on the gallery type, additional options become available, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Number of columns<\/strong>&nbsp;(for grid-style galleries).<\/li>\n\n\n\n<li><strong>Thumbnail positioning<\/strong>&nbsp;(for the classic Type 1 gallery).<\/li>\n\n\n\n<li><strong>Arrow visibility<\/strong>&nbsp;for a cleaner carousel look.<\/li>\n<\/ul>\n\n\n\n<p>This flexibility means you can adapt the product gallery to match both your brand identity and the expectations of your audience, ensuring your products are always presented in the best possible light.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Product Elements<\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2000\" style=\"aspect-ratio: 3456 \/ 2000;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Inregistrare-ecran-din-2024-08-28-la-11.39.06.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Reordering elements demo.<\/figcaption><\/figure>\n\n\n\n<p>Beyond the gallery and hero section, Blocksy lets you fully customize the order, visibility, and design of all product page elements. This modular approach means you can craft anything from a minimal, modern layout to a feature-rich page with multiple calls to action.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec78672&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec78672\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"1210\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2025-05-14-at-13.56.02.png\" alt=\"\" class=\"wp-image-13197\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>&nbsp;\u2013 Show or hide the product title.<\/li>\n\n\n\n<li><strong>Star Rating<\/strong>&nbsp;\u2013 Display average ratings from customer reviews.<\/li>\n\n\n\n<li><strong>Price<\/strong>&nbsp;\u2013 Show or hide the product\u2019s price.<\/li>\n\n\n\n<li><strong>Short Description<\/strong>&nbsp;\u2013 Display the product\u2019s excerpt.<\/li>\n\n\n\n<li><strong>Divider<\/strong>&nbsp;\u2013 Add or remove divider lines (can be multiplied).<\/li>\n\n\n\n<li><strong>Add to Cart<\/strong>&nbsp;\u2013 Configure button visibility, AJAX add-to-cart, and layout.<\/li>\n\n\n\n<li><strong>Meta<\/strong>&nbsp;\u2013 Show SKU, categories, and other product metadata.<\/li>\n\n\n\n<li><strong>Payment Methods<\/strong>&nbsp;\u2013 Display available payment options.<\/li>\n\n\n\n<li><strong>Reasons to Buy<\/strong>&nbsp;\u2013 Add bullet points with extra purchase incentives.<\/li>\n\n\n\n<li><strong>Content Block<\/strong>&nbsp;\u2013 Embed hooks for more custom content.<\/li>\n\n\n\n<li><strong>Share Box<\/strong>&nbsp;\u2013 Configure social sharing buttons, with nofollow option.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/free-shipping-progress-bar\/\">Free Shipping Bar<\/a><\/strong>&nbsp;\u2013 Integrate progress towards free shipping.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/product-brands\/\" target=\"_blank\" rel=\"noreferrer noopener\">Brands<\/a><\/strong>&nbsp;\u2013 Show brand metadata if enabled.<\/li>\n\n\n\n<li><strong>Breadcrumbs<\/strong>&nbsp;\u2013 Add Blocksy\u2019s breadcrumb navigation.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/stock-scarcity\/\" target=\"_blank\" rel=\"noreferrer noopener\">Stock Scarcity<\/a><\/strong>&nbsp;\u2013 Display real-time stock levels.<\/li>\n\n\n\n<li><strong>Attributes Table<\/strong>&nbsp;\u2013 List product attributes in a clean table format.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1314\" height=\"606\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2025-05-14-at-14.03.04.png\" alt=\"\" class=\"has-border-color has-palette-color-5-border-color wp-image-13200\" style=\"border-width:1px;border-radius:3px\" \/><figcaption class=\"wp-element-caption\">Attributes Table demonstration.<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Additional Actions<\/strong>&nbsp;\u2013 Add buttons for <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/size-guides\/\" target=\"_blank\" rel=\"noreferrer noopener\">Size Guide<\/a>, <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/product-wishlist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wishlist<\/a>, <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/compare-view\/\" target=\"_blank\" rel=\"noreferrer noopener\">Compare View<\/a>, etc.<\/li>\n\n\n\n<li><strong>Countdown Box<\/strong>&nbsp;\u2013 Show a live timer for promotions.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/waitlist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Waitlist Form<\/a><\/strong>&nbsp;\u2013 Allow subscriptions for out-of-stock products.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Display Variations Inline<\/h4>\n\n\n\n<p>This option will let you control how the variable products look like. Instead of a drop down of variations, you can get them to show nicely on the page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Sticky Container<\/h4>\n\n\n\n<p>In case you have lots and lots of pictures for your product, this option will let you make the main information container sticky, in order to keep the information present at all times on screen.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Product Tabs<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-14.57.27.png\" alt=\"\" class=\"wp-image-7227\" \/><figcaption class=\"wp-element-caption\">Product tabs options showcase.<\/figcaption><\/figure>\n\n\n\n<p>The&nbsp;<strong>Product Tabs<\/strong>&nbsp;section organizes additional content such as detailed descriptions, attributes, or customer reviews. Blocksy gives you several display modes so you can present this information in the way that feels most natural:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Standard view<\/strong>&nbsp;\u2013 Classic WooCommerce tab layout.<\/li>\n\n\n\n<li><strong>Tabbed view<\/strong>&nbsp;\u2013 A stylish, space-saving alternative.<\/li>\n\n\n\n<li><strong>Accordion view<\/strong>&nbsp;\u2013 Ideal for mobile or compact layouts.<\/li>\n\n\n\n<li><strong>Expanded view<\/strong>&nbsp;\u2013 Displays all content directly on the page.<\/li>\n<\/ul>\n\n\n\n<p>Extra controls let you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hide or display the&nbsp;<strong>Description heading<\/strong>.<\/li>\n\n\n\n<li>Add a dedicated&nbsp;<strong>Brands tab<\/strong>&nbsp;when the extension is active.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Related &amp; Upsells<\/h3>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f898ec799a0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f898ec799a0\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/07\/Screenshot-2023-05-31-at-15.22.20.png\" alt=\"\" class=\"wp-image-7232\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Related &amp; Upsell products in action.<\/figcaption><\/figure>\n\n\n\n<p>Encouraging customers to explore more products is key to increasing average order value. The&nbsp;<strong>Related &amp; Upsells<\/strong>&nbsp;section allows you to control:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Whether to showcase related items automatically or focus on curated upsells.<\/li>\n\n\n\n<li>The&nbsp;<strong>number of products<\/strong>&nbsp;displayed.<\/li>\n\n\n\n<li><strong>Per-device visibility<\/strong>&nbsp;to optimise layouts for desktop, tablet, and mobile.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The single product page is the heart of any WooCommerce-powered store. It\u2019s where your visitors make the final decision to purchase, so having full control over its structure and design is crucial. With Blocksy, you aren\u2019t locked into a rigid layout &#8211; instead, you get a flexible system where every element can be arranged, styled, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[117],"class_list":["post-2471","documentation","type-documentation","status-publish","hentry","doc_categories-woocommerce"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=2471"}],"version-history":[{"count":17,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2471\/revisions"}],"predecessor-version":[{"id":14189,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2471\/revisions\/14189"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=2471"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=2471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}