Documentation
Feedback
Guides
Storefront Development

Storefront Development
List of Native Sections and Overridable Components
Sections in FastStore are components that organize and encapsulate other components, enabling you to create cohesive and functional content for your store.
For example, the Hero is a native section designed to capture your brand's identity and messaging. To effective function in the store, the Hero comprises three components: Hero, HeroImage, and HeroHeader.

FastStore Native Sections

Check out below a list of FastStore native sections, their components that can be overridden, and if there are props that can be changed through the Headless CMS.
Components prefixed with __experimental indicate that they can be overridden. However, their props are not accessible. We do not recommend overriding these components unless it is necessary.
Alert
TypeAvailability
Overridable components
Headless CMS: props customization
  • Icon
  • dismissible
BannerText
TypeAvailability
Overridable components
Headless CMS: props customization
  • ColorVariant
  • Variant
Breadcrumb
TypeAvailability
Overridable components
Headless CMS: props customization
  • Icon (HomeIcon)
Hero
TypeAvailability
Overridable Components
Headless CMS: props customization
  • ButtonProps (Label, Icon)
  • ColorVariant
  • Variant
Navbar
| Type | Availability | | --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | | Overridable components | | | Headless CMS: props customization |
  • NavbarRow: Logo
  • NavbarButtons: SignIn Button Icon, Cart Icon
  • Navigation: Regionalization Icon, Menu Icon, Home Icon
|
Newsletter
TypeAvailability
DocumentationComing soon!
Overridable components
  • ToastIconSuccess
  • ToastIconError
  • HeaderIcon
  • InputFieldName
  • InputFieldEmail
  • Button
Headless CMS: props customization
  • Icon
  • Variant (Lite / Full)
ProductDetails
TypeAvailability
Overridable components
Headless CMS: props customization
  • ProductTitle: showDiscountBadge, discountBadgeSize, showReferenceNumber
  • BuyButton: Icon
ProductShelf
TypeAvailability
Overridable components
  • ProductShelf
  • __experimentalCarousel
  • __experimentalProductCard
Headless CMS: props customization
  • Product Card Configuration: showDiscountBadge, bordered
ProductGallery
TypeAvailability
DocumentationFastStore UI
Overridable components
Headless CMS: props customization
  • Previous Page Button: Icon
  • Mobile Filter Button: Icon
  • Product Card Configuration: showDiscountBadge, bordered
RegionBar
TypeAvailability
Overridable components
Headless CMS: props customization
  • LocationIcon: Icon
  • ButtonIcon: Icon
Contributors
1
Photo of the contributor
+ 1 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
1
Photo of the contributor
+ 1 contributors
On this page