{"id":1912,"date":"2021-05-20T18:15:34","date_gmt":"2021-05-20T15:15:34","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=1912"},"modified":"2025-09-10T14:51:01","modified_gmt":"2025-09-10T11:51:01","slug":"product-archives","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/product-archives\/","title":{"rendered":"Product Archives"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8c6262a52a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262a52a\" 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\/05\/Screenshot-2023-06-01-at-17.06.29.png\" alt=\"\" class=\"wp-image-7236\" \/><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\">Product archive settings.<\/figcaption><\/figure>\n\n\n\n<p>Designing your main&nbsp;<strong>Shop page<\/strong>&nbsp;with Blocksy is simple and highly flexible. The&nbsp;<strong>Product Archives<\/strong>&nbsp;section in the Customiser gives you full control over how your store\u2019s archive pages look and feel. You\u2019ll see changes applied in real time, which makes it easy to fine-tune the layout and styling until it\u2019s just right.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Page Title<\/h2>\n\n\n\n<p>The&nbsp;<strong>Page Title<\/strong>&nbsp;section lets you configure the hero area of your product archive pages. You can pick between two distinct layouts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type 1<\/strong>&nbsp;\u2013 A clean and structured look, great for stores that want to keep things straightforward.<\/li>\n\n\n\n<li><strong>Type 2<\/strong>&nbsp;\u2013 A more modern design with stylish backgrounds, ideal if you want your archive pages to stand out.<\/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;69e8c6262abc0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262abc0\" 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\/05\/FireShot-Capture-005-Customize_-Products-\u2013-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-14167\" \/><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;69e8c6262bb92&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262bb92\" 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\/05\/FireShot-Capture-006-Customize_-Products-\u2013-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-14168\" \/><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>Both layouts can be further customised, and elements like&nbsp;<strong>title, excerpt, breadcrumbs, meta, or even Content Blocks<\/strong> can be added or removed as needed.<\/p>\n\n\n\n<p>In addition to the basic layout choices, each\u00a0<strong>design type<\/strong>\u00a0for 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>\u00a0\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>\u00a0\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\" id=\"shop-settings\">Granular Controls<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Shop Settings<\/h3>\n\n\n\n<p>This area controls the overall structure of your product listings.<\/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;69e8c6262c624&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262c624\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"933\" 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\/2024\/04\/Screenshot-2024-04-19-at-17.23.20-1.png\" alt=\"\" class=\"wp-image-10251\" \/><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<p><strong>Columns &amp; Rows<\/strong>&nbsp;\u2013 Decide how many products per row and how many rows per page.<\/p>\n\n\n\n<p><strong>Card Design<\/strong>&nbsp;\u2013 Choose from three product card styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type 1<\/strong>&nbsp;\u2013 Classic view with clear separation between elements.<\/li>\n\n\n\n<li><strong>Type 2<\/strong>&nbsp;\u2013 \u201cInbox\u201d style with grouped content.<\/li>\n\n\n\n<li><strong>Type 3<\/strong>&nbsp;\u2013 Minimalist layout where action buttons appear on hover.<\/li>\n<\/ul>\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\/05\/Screen-Recording-2023-06-01-at-17.20.07.mov\"><\/video><figcaption class=\"wp-element-caption\">Three card designs showcase.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Content Area Vertical Spacing<\/h4>\n\n\n\n<p>This option adds adjustable spacing between the page content and the header\/footer. It helps create a more spacious layout and can be controlled from&nbsp;<strong>Customiser \u2192 General \u2192 Layout<\/strong>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"card-options\">Card Options<\/h3>\n\n\n\n<p>One of the most powerful features of Blocksy\u2019s shop system is the ability to fully customise your&nbsp;<strong>product cards<\/strong>. Starting with&nbsp;<strong>Blocksy 2<\/strong>, every element inside the card can be rearranged, shown or hidden, or styled differently. This means you can design a shop that looks unique, instead of blending in with the typical WooCommerce layout.<\/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;69e8c6262d176&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262d176\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"1230\" 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\/2024\/04\/Screenshot-2024-04-19-at-17.25.26.png\" alt=\"\" class=\"wp-image-10247\" \/><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<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/05\/Screen-Recording-2023-06-01-at-17.41.32.mov\"><\/video><figcaption class=\"wp-element-caption\">Rearranging card elements in action.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Product Image<\/h4>\n\n\n\n<p>Displays the featured image for each product. You can define the&nbsp;<strong>size<\/strong>&nbsp;and&nbsp;<strong>aspect ratio<\/strong>, add hover effects, or even enable&nbsp;<strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/featured-videos\/\" target=\"_blank\" rel=\"noreferrer noopener\">video thumbnails<\/a><\/strong>&nbsp;for more dynamic product previews.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Title<\/h4>\n\n\n\n<p>Toggle the product title on or off. Useful for highly visual stores that rely more on imagery than text.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Price<\/h4>\n\n\n\n<p>Shows or hides the product\u2019s price. Often paired with hover effects for a cleaner initial look.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Star Rating<\/h4>\n\n\n\n<p>Display the product\u2019s average rating based on customer reviews. Helps build trust and guide purchase decisions.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Categories<\/h4>\n\n\n\n<p>Show or hide category labels to help customers quickly understand product grouping.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Excerpt<\/h4>\n\n\n\n<p>Displays the short description of the product. Ideal for giving extra context without overwhelming the card design.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Add to Cart<\/h4>\n\n\n\n<p>Adds the purchase button directly to the card.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Content Block<\/h4>\n\n\n\n<p>Insert a <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/content-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Content Block<\/a> inside the product card. This is a flexible option if you want to add custom promotional content or additional features. Multiple Content Blocks can be used if needed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Swatches<\/h4>\n\n\n\n<p>Show product variation swatches (like colours or sizes) directly on the archive page. This allows customers to add the exact variation they want without leaving the archive view.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Brands<\/h4>\n\n\n\n<p>Displays brand metadata for products if you\u2019re using the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/product-brands\/\" target=\"_blank\" rel=\"noreferrer noopener\">Advanced Product Brands<\/a> module.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Content Alignment<\/h4>\n\n\n\n<p>Align card content left, centre, or right, depending on the style you\u2019re going for.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cards Gap<\/h4>\n\n\n\n<p>Adjust the spacing between cards to create a tighter grid or a more airy layout.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Additional Actions<\/h4>\n\n\n\n<p>Control which quick-action buttons appear on product cards, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/product-wishlist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wishlist<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/compare-view\/\" target=\"_blank\" rel=\"noreferrer noopener\">Compare<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/quick-view\/\" target=\"_blank\" rel=\"noreferrer noopener\">Quick View<\/a><\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"page-elements\">Page Elements<\/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 data-wp-context=\"{&quot;imageId&quot;:&quot;69e8c6262dcbc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262dcbc\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"697\" 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\/2024\/04\/Screenshot-2024-04-19-at-17.37.24-1.png\" alt=\"\" class=\"wp-image-10261\" \/><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<h3 class=\"wp-block-heading\">Filters Canvas<\/h3>\n\n\n\n<p>Toggle the <strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/off-canvas-filter\/\" target=\"_blank\" rel=\"noreferrer noopener\">Filters Canvas<\/a><\/strong> area, which allows customers to refine their product search. Depending on your setup, this can appear as an off-canvas panel (like a slide-in menu) or a horizontal bar above the product grid. Perfect for keeping your archive pages clean while still offering powerful filtering options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Active Filters<\/h4>\n\n\n\n<p>Displays a list of currently applied filters at the top of the product archive. Each filter comes with a quick remove option, so shoppers can easily refine or reset their selections without starting over.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8c6262e1c7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262e1c7\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1822\" height=\"236\" 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\/2024\/04\/Screenshot-2024-04-19-at-17.42.08.png\" alt=\"\" class=\"has-border-color wp-image-10258\" style=\"border-color:var(--theme-palette-color-5, #e1e8ed);border-width:1px;border-radius:3px\" \/><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<h4 class=\"wp-block-heading\">Results Count &amp; Product Sorting<\/h4>\n\n\n\n<p>These are the classic WooCommerce elements you\u2019re used to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Results Count<\/strong>&nbsp;shows how many products are currently being displayed.<\/li>\n\n\n\n<li><strong>Sorting Options<\/strong>&nbsp;let customers reorder the product list (e.g., by price, popularity, or newest arrivals).You can show or hide each independently, depending on how minimal or informative you want your archive pages to look.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8c6262e674&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262e674\" class=\"wp-block-image size-full has-custom-border 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\/05\/Screenshot-2023-06-01-at-18.47.26.png\" alt=\"\" class=\"has-border-color wp-image-7259\" style=\"border-color:var(--theme-palette-color-5, #e1e8ed);border-width:1px;border-radius:3px\" \/><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<h4 class=\"wp-block-heading\">Sidebar<\/h4>\n\n\n\n<p>Add a sidebar to the left or right of the product archive page. Sidebars are great for&nbsp;<strong>additional filters<\/strong>,&nbsp;<strong>promotional widgets<\/strong>, or&nbsp;<strong>custom content<\/strong>. The actual sidebar content can be set up in&nbsp;<strong>Appearance \u2192 Widgets<\/strong>&nbsp;within your WordPress dashboard.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pagination<\/h4>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8c6262ea31&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262ea31\" class=\"wp-block-image size-full has-custom-border 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\/05\/Screenshot-2023-06-01-at-18.56.18.png\" alt=\"\" class=\"has-border-color wp-image-7260\" style=\"border-color:var(--theme-palette-color-5, #e1e8ed);border-width:1px;border-radius:3px\" \/><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\">Pagination options in action.<\/figcaption><\/figure>\n\n\n\n<p>Control how customers browse through multiple pages of products. Blocksy supports several styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Standard<\/strong>&nbsp;\u2013 Page numbers plus previous\/next buttons.<\/li>\n\n\n\n<li><strong>Next\/Prev<\/strong>&nbsp;\u2013 Only shows navigation arrows for a simplified experience.<\/li>\n\n\n\n<li><strong>Load More<\/strong>&nbsp;\u2013 Adds a button that loads the next set of products inline without a full page reload.<\/li>\n\n\n\n<li><strong>Infinite Scroll<\/strong>&nbsp;\u2013 Automatically loads more products as the user scrolls down the page, creating a seamless browsing flow.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Functionality 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 loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-19-at-17.45.09.png\" alt=\"\" class=\"wp-image-10263\" \/><\/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<h4 class=\"wp-block-heading\">AJAX Filtering<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-19-at-18.30.02.mov\"><\/video><figcaption class=\"wp-element-caption\">AJAX Filtering with no refreshing in action.<\/figcaption><\/figure>\n\n\n\n<p>Blocksy supports&nbsp;<strong>AJAX Filtering<\/strong>, meaning filters can be applied without refreshing the entire page. This creates a smooth browsing experience for your customers.<\/p>\n\n\n\n<p>Extra option:&nbsp;<strong>Automatic Scroll to Top<\/strong>, which takes the user back to the start of the product list after a filter is applied.<\/p>\n\n\n\n<p>Note: AJAX Filtering is currently optimised for Blocksy\u2019s own filter system. Core WooCommerce filters may not support this feature.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Product Catalogue<\/h4>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8c6262f46f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8c6262f46f\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"3456\" height=\"2002\" 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\/2024\/04\/Screenshot-2024-04-19-at-17.51.17.png\" alt=\"\" class=\"has-border-color wp-image-10266\" style=\"border-color:var(--theme-palette-color-5, #e1e8ed);border-width:1px;border-radius:3px\" \/><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 Catalogue<\/strong>&nbsp;settings let you decide whether to show&nbsp;<strong>products<\/strong>&nbsp;directly or&nbsp;<strong>categories<\/strong>&nbsp;first on your archive pages.<\/p>\n\n\n\n<p>You can also choose the&nbsp;<strong>default sorting method<\/strong>, so your shop always displays products in the order that makes the most sense for your customers.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Designing your main&nbsp;Shop page&nbsp;with Blocksy is simple and highly flexible. The&nbsp;Product Archives&nbsp;section in the Customiser gives you full control over how your store\u2019s archive pages look and feel. You\u2019ll see changes applied in real time, which makes it easy to fine-tune the layout and styling until it\u2019s just right. Page Title The&nbsp;Page Title&nbsp;section lets you [&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-1912","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\/1912","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=1912"}],"version-history":[{"count":28,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/1912\/revisions"}],"predecessor-version":[{"id":14190,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/1912\/revisions\/14190"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=1912"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=1912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}