How to Customize Your Store Homepage

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.