Skip to content

Section list

Add section in the theme editor lists Hellostore sections alongside the sections of Shopify’s standard theme, Dawn. You can build the first home page from Hellostore sections alone, and fill any gaps with Dawn sections. The Origin column shows whether a section is a Hellostore original, a Dawn section enhanced by Hellostore, or Dawn standard (unchanged from Shopify’s standard).

Hellostore sections (the main tools for building a store)

Section titled “Hellostore sections (the main tools for building a store)”

Some themes do not include every section. The sections that appear under Add section in the theme editor are the ones included in that theme.

SectionMain useWhat to set firstOrigin
HeroPhotos or video with text at the top or middle of a page. Add slides only when neededA photo or video, heading, linkHellostore original
Feature bandOne to four short claims under the hero or an Image with text sectionFeature heading, short descriptionHellostore original
Shape navigationGuide shoppers to categories or usesPhotos, linksHellostore original
Find by quizDecide a type with a 3-question quiz and guide shoppers to products. It can no longer be added (sections already placed keep working)—Hellostore original
Curated productsFeature the products you want to promote with photos and textProducts, photos, descriptionsHellostore original*
Photo and text storyExplain the background of your store or productsPhotos, body textHellostore original
Store introductionThe top of a company introduction pageA photo, short text, and numbers if neededHellostore original
About guideExplain a process or how to use somethingStep headings and body textHellostore original
BreadcrumbsShow the current location on lower-level pagesUsually no extra settingsHellostore original
FAQAnswer questions before purchasePublished faq_entry entriesHellostore original
Favorites listSave products on the shopper’s deviceA dedicated page, and comparison settings if neededHellostore original
Recently viewed productsLet shoppers return to products they viewedNumber of items to showDawn-based with Hellostore enhancements
Shipping and feesExplain shipping fees and delivery estimatesYour store’s shipping conditionsHellostore original
Delivery Promise BadgeShow the range of estimated arrival dates from preparation and delivery days. Hidden when emptyPreparation and delivery daysHellostore original
HeaderThe logo, menu, search, and account area shared by every pageLogo, menuDawn-based with Hellostore enhancements
FooterThe footer shared by every pageMenus, copyrightDawn-based with Hellostore enhancements
Measurement beaconA measurement section that is not shown on the pageUsually no extra settingsHellostore original

* Some of the display (prices and product cards) uses Dawn components.

You can read detailed explanations of each section’s settings in “Section reference” in the sidebar.

PartRoleOrigin
Japanese search suggestions c-predictive-search-fallbackShows product suggestions in the header search on Japanese pages. Shopify’s standard search suggestions do not support Japanese, so on Japanese pages only, suggestions are drawn from the regular search results. It does not appear in “Add section” and needs no settings → Search suggestions on Japanese pagesDawn-based with Hellostore enhancements
Free shipping bar i-free-shipping-barTells shoppers how much more they need to spend to get free shipping. It cannot be added on its own and is built into other sections, such as the cart area and the store introductionHellostore original

The body layouts of the product page (Focused and Modern) are also Hellostore parts (Dawn-based with Hellostore enhancements). They switch when you choose the product template, so you normally do not need to choose them from “Add section”.

Dawn standard sections (Shopify’s standard parts)

Section titled “Dawn standard sections (Shopify’s standard parts)”

Hellostore Theme is built on Shopify’s official theme Dawn, so Dawn’s standard sections can be used as they are. The names match what appears under “Add section” in the theme editor (the editor decides the order). Some are not included in every theme, so check the “Add section” list to see what you can actually use.

SectionMain useOrigin
AppsPlace blocks from installed appsDawn standard
Contact formReceive inquiries from customersDawn standard
Custom LiquidWrite HTML or Liquid directly (for advanced users)Dawn standard
CollageArrange a combination of photos, products, and videoDawn standard
Collection listLine up entry points to categoriesDawn standard
SlideshowSwitch between several photosDawn standard
Image with textPlace a photo and text side by sideDawn standard
Blog postsShow the latest articlesDawn standard
PageEmbed the contents of a static pageDawn standard
MulticolumnLine up features or guarantees in columnsDawn standard
Email signupReceive email address signupsDawn standard
Email signup bannerA large banner with a signup formDawn standard
Rich textAny combination of heading, body text, and buttonsDawn standard
Image bannerA band with one or two photos and text. Good for campaign announcementsDawn standard
Product disclosuresShow shipping and returns disclosures on the product pageDawn standard
Announcement barScroll short information such as free shipping or business days at the topDawn standard
Quick order listA table for placing bulk orders (B2B)Dawn standard
Collapsible contentQ&A or detail blocks that open and closeDawn standard
VideoEmbed and show a videoDawn standard
Featured collectionShow a product grid from a collectionDawn standard with Hellostore enhancements
Featured productIntroduce one product at a large sizeDawn standard with Hellostore enhancements
MultirowRepeat rows of photo and textDawn standard

Product recommendations does not appear under “Add section”. It is already placed on the product page template, so you select that section there to change settings such as how many products to show.

On Dawn standard sections that show products (Featured collection, Featured product, Product recommendations, and so on), Hellostore’s extensions are applied automatically: color swatches, favorites, quick view, and stock badges on product cards, plus noshi and purchase guidance around the buy button. You can adjust the extensions in theme settings → How color swatches work and Product cards

Example of how it looks (a real store, a live store)

Section titled “Example of how it looks (a real store, a live store)”

In the example store, on a phone the product page stacks, from top to bottom: the photo gallery, the product description and size chart, size selection, the cart button, a field to ask the AI a question, and collapsible panels (size chart and fit, shipping and returns).

Photo-based sections can be reused for any industry by swapping in photos, text, and links. To add a way to find products by preference, use the Hellostore AI Staff photo finder board → Hellostore AI Staff integration Before adding more sections, first gather the photos, text, and link destinations you want to show.