Hyvä Jewellery ThemeHyvä Jewellery Theme
Live Demo
Buy Now
Support
Live Demo
Buy Now
Support
  • Getting Started

    • Introduction
    • Requirements
    • Installation
    • Activate the Theme
  • Build storefront

    • Homepage Configurator

      • Overview
      • Section Types
      • Hero Banner
      • Category Grid
      • Product Carousel
      • Collection Banners
      • Split Content
      • Promo Banner
      • Luxury Grid
      • CTA Banner
      • Instagram Feed
      • Trust Badges
    • Header, Footer & Mega Menu

      • Overview
      • Building the Menu
      • Submenu Templates
      • Header & Footer Settings
      • Agent Readiness
    • Storefront Pages

      • Category Page
      • Search Results
      • Product Page
      • Cart & Checkout
  • Help

    • Troubleshooting
    • FAQ

Homepage Configurator

The Homepage Configurator helps you build the store homepage from small blocks called sections. You can add a banner, category tiles, product sliders, promo blocks, trust badges, and more from Magento Admin.

You do not need to edit code to use it.

Open the page

  1. Sign in to Magento Admin.
  2. Go to Content -> Homepage Configurator -> Sections.
  3. The Homepage Sections grid will open.

Magento Admin Content menu showing Homepage Configurator Sections

What you can do from the grid

AreaWhat it means
Add New SectionCreate a new homepage block.
TitleThe name you see in Admin. Use a clear name like Hero Banner or Trending Products.
Section TypeThe kind of block, such as Hero Banner, Category Grid, or Product Carousel.
Sort OrderControls the order on the homepage. A smaller number shows higher on the page.
StatusShows if the section is Enabled or Disabled.
Store IDUse 0 for all store views. Use a store view ID only when the section should show on one store view.
ActionEdit, duplicate, or delete a section.

Magento Admin New Section form for Homepage Configurator

Basic setup flow

Use this flow when you want to add or change a homepage section.

  1. Click Add New Section.
  2. Enter a clear Title.
  3. Choose the Section Type.
  4. Set Enabled to Yes.
  5. Enter the Sort Order.
  6. Keep Store ID as 0 unless you want this section for one store view only.
  7. Fill the section settings.
  8. Click Save.
  9. Open the storefront homepage and check the result.

Tips

If a saved change does not show on the storefront, clear Magento cache and refresh the page.

Good homepage order

For a jewellery store, this order is simple and easy for shoppers to follow:

Sort OrderSection
10Hero Banner
20Category Grid
30Trending Products
40New Arrivals
50Sale or Featured Products
60Featured Collection or Split Content
70Collection Banners
80Promo Banner
90Luxury Grid
120Instagram Feed
130CTA Banner
150Trust Badges

You can use different numbers. Leave space between numbers, such as 10, 20, and 30, so it is easy to add a new section later.

Helpful actions

  • Use Duplicate when you want to create a similar section quickly.
  • Use Disable when you want to hide a section for some time.
  • Use Delete only when you are sure you do not need the section again.
  • Keep section titles simple, because they help you find the right section later.

Next guides

  • Section Types
  • Hero Banner
  • Category Grid
  • Product Carousel
  • Collection Banners
  • Split Content
  • Promo Banner
  • Luxury Grid
  • CTA Banner
  • Instagram Feed
  • Trust Badges
Next
Section Types