Use Design Studio to arrange your storefront and check desktop and mobile views.

Step 1: Open Design Studio

  1. Choose Design in the dashboard header.

  2. Review Storefront Template.

  3. Preview a template before saving a change.

Step 2: Set the shared details

  • Common → Header: name, message and logo.

  • Common → Footer: links and social profiles.

  • Common → Theme: brand colours.

Step 3: Set up the homepage

  • Banner: top images and links.

  • Categories: category display and layout.

  • Product Listing: product cards, filters and grid options.

  • Product Video Reels: sections for suitable product videos.

  • Page sections: arrange image banners, CTA cards and other sections offered by the template.

Step 4: Check both screen sizes

  • Choose Desktop and Mobile.

  • Check headings, image crops and product cards.

  • Use readable text and working destination links.

  • Review the page with real products.

Step 5: Save the design

  1. Choose Save Changes.

  2. Wait for success.

  3. Open My Store and check the result.

If a section is missing

  • Check the section is enabled.

  • Check image uploads and product availability.

  • Check whether your selected template supports that section.

  • Check the correct device view.

  • Save the overall design as well as any banner dialog.

  • If a save reports failed old-file cleanup, follow the message and retry saving.