• Home
    • Pugpig Bolt
    • Bolt apps
    • Pugpig Design Kit

    Storefront Design Customisation

    Notes, documentation, and best practices for customising the storefront

    Written by Jaykay Kayode

    Updated at March 19th, 2024

    • Pugpig Bolt

      • Pugpig Site

        • Pugpig Archive

          • Working with Pugpig

            • Pugpig Consulting

              Table of Contents

              Defining your storefront timeline

              The storefront allows users to browse (and purchase) your catalogue of newspapers or magazines.
              The Figma file can be found here. Please make sure to create a copy of the file before you begin. You can learn how to duplicate a file here.
               

              Defining your storefront timeline

              Within this Figma file, you'll find two card types available: big and small. If you wish to incorporate additional cards into your design, simply press Shift + I to access the resources libraries. Locate the "storefront card" by searching for it, and then effortlessly add it to the frame by dragging and dropping. To customise the appearance of the card, make sure it is selected and adjust the desired settings from the properties panel located on the right side.

              You have two options to layout the page:

              1. Big Cards All Through: In this layout, all the cards on the page will be of the big size. Each card will occupy a significant portion of the page, providing a visually impactful design.
                 
              2. First Card Big and the Rest Below it Small: With this layout, the first card will be sized big, taking up a prominent position at the top of the page. Below the big card, the rest of the cards will be smaller, forming a cascading effect down the page.

                Please design the layout that best suits your design preferences and requirements.
              shopfront bespoke

              Was this article helpful?

              Yes
              No
              Give feedback about this article

              Related Articles

              • Timeline Design Customisation
              • Getting Started with Bolt customisation
              • Saved Timeline Customisation
              • Search Timeline Customisation
              pugpig logo white
              Navigation
              • Products
              • Customers
              • News
              • Podcast
              Contact
              • Contact us
              • LinkedIn
              • Twitter
              Technical Support
              • Status Page
              • Documentation
              • Customer Support
              Corporate
              • Company
              • Jobs
              • Privacy Policy

              © Kaldor Ltd. 2022

              Powered by Pugpig


              Knowledge Base Software powered by Helpjuice

              Expand