The homepage is built entirely with sections. Merchants can add and reorder hero banners, featured products, featured collections, rich text, image with text, newsletter, and promotional banner sections.
Homepage section
The Home collection links section creates a horizontal set of visual collection shortcuts near the top of the homepage. Use it to help customers move quickly into important categories, seasonal edits, brand campaigns, or any collection that should be easy to discover before they scroll deeper into the page.
Open the Shopify theme editor and choose Home page from the page selector. In the Template area, add or select Home collection links. The section can be reordered with the other homepage sections, so place it where category discovery makes the most sense for the store.
The section lives in the homepage Template area, below the header and above the footer. Add one block for each collection link you want to show. The screenshot shows multiple Collection tile blocks under the section, and the number of tiles can be changed by adding, removing, or reordering blocks.
Select Add Collection tile to add another shortcut. Each block controls one collection selector, which keeps the section flexible for small category menus, campaign rows, or larger collection groups.
Use Color scheme to match the section to the rest of the page. Enable Follow global theme color scheme when you want the section to inherit the storewide default.
Turn on the section font override only when this area needs a different font from the global theme typography. Adjust top and bottom padding to tighten the section or create more breathing room between neighboring homepage sections.
Collection tile blocks are the individual selectors inside this section. Each tile links to one selected Shopify collection, so merchants can guide customers to category pages, campaign pages, sale collections, or curated product lists. When a collection is selected, the tile uses that collection URL and collection image by default. The image can still be overridden when a campaign, category, or seasonal page needs a custom visual. Add more tiles when the homepage needs more shortcuts, or remove tiles when the row should stay focused.
Homepage section
The Home hero with deals section combines a large campaign slider with a compact deals list. Use the slider for seasonal promotions, launches, collection stories, or brand messages, and use the deals panel to feature discounted products beside the hero without sending customers away from the main homepage path.
Add Home hero with deals to the Home page template and place it near the top of the page when the store needs a strong campaign entry point. The section supports up to six Slide blocks, and only slides with an image are displayed on the storefront.
Use Color scheme to style the hero and deals panel. Keep Follow global theme color scheme enabled when this section should inherit the storewide default color scheme.
The slider and deals panel can use the global homepage font, or each area can use its own font. Enable Slider font override or Deals font override only when the campaign content needs a deliberate typography change.
Set Deals heading, then choose the Deals products source. Select individual products for a hand-picked list, or choose a collection when the deals should stay in sync with a sale, clearance, or campaign collection.
Use Deals limit to show between one and eight products. The Deals link label appears only when the source is a collection, because the link automatically points to the selected collection.
Enable Show accelerated checkout buttons when direct payment buttons should be available for single-variant products. Use Auto-rotate slider and Change slides every to control slider movement.
Adjust top and bottom padding to control how tightly the hero sits against the header and nearby homepage sections.
Each Slide block creates one item in the hero slider. A slide needs an image before it appears on the storefront. Optional text fields create the overlay content, and the link turns the slide into a clickable promotion.
Homepage section
The New arrival banner section highlights one selected product in a focused promotional banner. Use it for a recent launch, a restock, a seasonal product, or any item that needs more visual emphasis than a standard product card.
Use Color scheme to match the banner to the surrounding homepage sections. Keep Follow global theme color scheme enabled when the banner should inherit the storewide default colors.
The banner uses the homepage typography by default. Enable Section font override and choose a Section font only when this product feature needs its own type style.
Choose the product to feature. The section links the button to this product and uses the product's first image, falling back to the featured image when needed. If no product is selected, the section is only shown in the theme editor as a setup prompt.
Add a Custom heading when the banner needs campaign copy. Leave it blank to use the selected product title automatically. Use Badge label for short text such as New arrival, Restocked, Limited drop, or Online exclusive.
Enable Show product description to display a shortened version of the selected product description. Use Description word limit to keep the banner concise and balanced across desktop and mobile layouts.
Set Button label for the product link text. Adjust top and bottom padding to control how much space the banner has between neighboring homepage sections.
Homepage section
The Trending products section creates a focused product feature with promotional copy on one side and a small set of selected products on the other. Use it for best sellers, high-interest launches, seasonal picks, or any curated group that should receive stronger emphasis than a standard product grid.
Use Color scheme to align the panel with the rest of the homepage. Keep Follow global theme color scheme enabled when the section should use the storewide default colors.
The section inherits homepage typography by default. Enable Section font override and choose a Section font only when this featured product group needs a distinct type treatment.
Set the Badge label, Custom heading, and Custom text for the promotional copy. If the heading or text is left blank, the theme uses the first selected product title and description as fallback content.
Use Product description word limit to control fallback text length when Custom text is empty. This keeps product descriptions from becoming too long inside the banner layout.
Set Button label for the call to action. Add a Button link when the button should go to a collection, campaign page, or another destination. Leave it blank to link automatically to the first selected product.
Use Products to show to display between one and four product blocks. The desktop layout adapts the product columns to the selected count, while smaller screens collapse into a mobile-friendly layout.
Add one Product block for each item in the curated set. The section supports up to four blocks. Each block links to its selected product and uses the product featured image, falling back to the first product image when needed.
Adjust top and bottom padding to control the distance between this feature and neighboring homepage sections.
Product selection happens inside each Product block, not in the main section settings. Add a Product block, open the block settings, and use the product selector to choose the exact item that should appear in the Trending products visual area.
Homepage section
The Home featured products section displays products from one selected collection in a clean product grid. Use it for popular products, best sellers, new edits, seasonal collections, or any collection that should be easy to browse directly from the homepage.
Use Color scheme to style the section. Keep Follow global theme color scheme enabled when this product row should inherit the storewide default colors.
The section inherits homepage typography by default. Enable Section font override and choose a Section font only when this product row needs its own heading and card text style.
Set Heading for the title shown above the grid. Add optional Text when the row needs a short collection note, and use Link label for the header call to action. The link automatically points to the selected collection page.
Choose the Collection that supplies the product cards. The section shows products from this collection in collection order until the product limit is reached.
Use Products limit to show between four and twelve products from the selected collection. The section shows products in collection order until the limit is reached.
Use Products per row on desktop to choose three, four, or five columns. Mobile keeps the grid compact with two columns, while tablet screens use three columns.
Enable Show vendor when brand or vendor names help customers compare products. Enable Show secondary image to reveal another product image in cards that have more than one image.
Use Enable quick add for faster cart additions from the product cards. Use Enable quick buy when direct checkout buttons should appear for eligible products.
Homepage section
The Home promo strip section creates a row of short promotional discount boxes. Use it for sale messages, category-specific discounts, loyalty offers, shipping incentives, or quick campaign links that should sit between larger homepage sections.
Use Color scheme to align the strip with the homepage. Keep Follow global theme color scheme enabled when the section should inherit the storewide default color scheme.
Enable Use selected color scheme colors when the strip should use theme color tokens. Disable it only when the section needs the manual Background color setting instead.
The strip uses homepage typography by default. Enable Section font override and choose a Section font when the discount values and labels need their own type style.
Background color is used only when Use selected color scheme colors is disabled. This lets a merchant create a campaign-specific band without changing the global theme color scheme.
Adjust Top padding and Bottom padding to control how tightly the promo row sits between neighboring homepage sections. The default compact spacing works well for a strip between product rows or campaign banners.
Use Discount value for the large headline number or offer text, such as 40%, Free, or 2+1. Keep it short so the card remains balanced across desktop and mobile.
Use Discount text for the short label below the value, such as Discount, Off selected items, Free shipping, or Members only.
Add a Link when the discount box should open a collection, product, page, or campaign URL. If the link is blank, the box displays as a non-clickable promotional message.
A block appears when either Discount value or Discount text has content. Empty blocks are skipped on the storefront, and the section shows an editor-only empty message when no valid blocks exist.
Homepage section
The Home brand campaigns section highlights collection-led campaigns with editorial product imagery and short campaign copy. Use it for brand edits, seasonal drops, collaborations, gift guides, or any collection that benefits from a stronger visual story than a standard product row.
Use Color scheme to style the campaign frame and cards. Keep Follow global theme color scheme enabled when this section should inherit the storewide default color scheme.
The section inherits homepage typography by default. Enable Section font override and choose a Section font only when the campaign heading, badges, and card copy need a distinct type style.
Set Heading for the section title and use Text for a short explanation above the campaign cards. If both fields are blank, the header area is hidden and only the campaign cards are shown.
Adjust Top padding and Bottom padding to control the distance between this campaign frame and surrounding homepage sections.
Choose the Collection that the card should feature. This field is required for a real campaign card; blocks without a collection are skipped, and each card links automatically to the selected collection.
Use Brand title override when the card should show a shorter or more editorial brand name than the collection title. Add Campaign period for date ranges, launch windows, or limited-time campaign messaging.
Use Campaign text for the main message inside the card. Add a Highlight label for a short supporting note, such as Choose a collection, Limited edition, Online exclusive, or Shop the edit.
Add Primary image override and Secondary image override when the campaign needs custom editorial imagery. If they are blank, the section uses product images from the selected collection, then falls back to the collection image when needed.
Add, remove, and reorder Brand campaign blocks to control which campaigns appear first. The section supports up to eight campaign blocks.
