Merchandising
      Back to home
      1. Shopblocks Knowledge Base
      2. Marketing
      3. Merchandising

      How to Use the New Product Card Zones Feature in Zones & Panels

      Learn how to create, customise, and manage dynamic product cards across your website for consistent and streamlined product displays.

       

      Introducing the Product Card Zone feature in Zones & Panels! This exciting addition gives you a streamlined way to manage and display product information across your website, all from a single control point.

      Flexible Product Display Control


      With Product Card Zones, you can now create, customise, and assign dynamic product cards across your website seamlessly. Whether you want to highlight product details in search results, product groups, or specific categories, this feature has you covered.

      One Design, Multiple Placements


      Zones & Panels allows you to create a single design in BlockLab and apply it to multiple locations across your site. Make an update once, and your changes will reflect everywhere instantly, ensuring a consistent and professional look for your product displays.

      Set Time-Based Displays


      Want to keep your product displays relevant? You can even schedule your panels to appear and disappear, giving your website the digital equivalent of seasonal decor updates.



      How to Set Up a Product Card Zone


      Here’s a quick guide on setting up and customising a Product Card Zone:

      1.  Create the Product Card Zone
        • Head to the Marketing Plugin and click into Zones & Panels.
        • Select New Zone and assign it a name.
        • For the zone settings, select Product Card type.

      Gif of the steps to set up your Product Card Zone in the Shopblocks Admin System

       

      2.  Assign Locations
        • Decide where you’d like your product design to appear, whether that’s in search results, product groups, or category pages. You can also amend these locations at any point in the future.

      assign-locations

       

      3.  Add a Panel and Set Visibility Rules
        • Once your zone is created, hit Create New Panel and assign its name. Click save to discover the visibility rules.
        • As you navigate between your panels, the Panel Rules section will display the currently selected panel. Here, you can set schedules for your panels, allowing them to appear only during specific dates and times.
        • Additionally, you can customise their visibility to display on certain URLs, whether that’s a single URL or a list, making it easy to target specific categories or product groups.

      gif of the user adding a name to the Product Card Zone and only displaying the design on the laptops category

       

      4.  Customise the Design in BlockLab
        • Unleash your creativity by accessing BlockLab to customise your product card. Upon opening, you'll see a default template that you can modify to incorporate your preferred colours, product information, and branding elements that reflect your unique style.
        • Once you’re satisfied with your design, simply click Save and Publish to make your changes live.

      gif of the user customising the design of their Product Card Zone

       

      5.  Save and Deploy
        • Any updates you make to the design will automatically refresh across all assigned locations, ensuring consistency site-wide.



      Why Product Card Zones?


      The Product Card Zones feature is designed to simplify and enhance how you showcase products on your website. With a single design in BlockLab, you can manage hundreds of layouts, saving time and ensuring brand consistency across your entire site.

      Now, enjoy the ease of managing your product displays with Product Card Zones in BlockLab!