Skip to main content

Setting Up Your Homepage

Setting Up Your Homepage​

Your homepage is the first thing customers see. The Wonder Theme presets come with a fully configured homepage layout — the easiest way to get started is to keep the preset structure and swap in your own content.

Typical Homepage Structure​

Most Wonder Theme presets follow a structure similar to this:

  1. Header — Logo, navigation menu, search, and cart
  2. Hero section — Slideshow, image banner, or video banner
  3. Featured collections — Highlight your best-selling or seasonal products
  4. Storytelling sections — Image with text, lookbook, parallax, or collage
  5. Social proof — Testimonials, reviews, or brand logos
  6. Newsletter — Email signup form
  7. Footer — Links, contact info, and social media

You can rearrange, add, or remove any of these sections to match your brand.

Customizing the Homepage​

  1. Open the Theme Editor (Online Store → Themes → Customize).
  2. Make sure Home page is selected in the page dropdown at the top.
  3. Click any section in the left panel to edit its content and settings.
  4. To add a new section, click Add section and choose from the available options.
  5. Drag and drop sections to reorder them.
  6. Click Save when you're done.

Tips for First-Time Setup​

  • Start with the preset layout — Don't remove sections before seeing how they look with your content. Swap images and text first.
  • Use high-quality images — The hero section and product images have the biggest visual impact.
  • Keep it focused — A homepage with 5–8 well-configured sections performs better than one overloaded with content.
  • Preview on mobile — Use the mobile preview toggle in the editor to check your layout on smaller screens.

Section Reference​

For detailed settings and configuration options for each section type, browse the full documentation:

  • Banners — Slideshow, Image Banner, Scrolling Text, and more
  • Collections — Featured Collection, Collection List, Collection Navigator
  • Storytelling — Image with Text, Parallax, Collage, Lookbook
  • Testimonials — Testimonial images, Video Reels, Marquee
  • Text & Forms — Newsletter, AI Section, Features Banner

For more about managing your homepage in Shopify, see: Shopify — Customize your homepage.