Documentation
Feedback
Guides
Storefront Development

Storefront Development
List of available 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, it's important to note that their props are not accessible. We advise against overriding these components unless it is really necessary.
Alert
TypeAvailability
DocumentationAlert FastStore UI
Overridable componentsAlert and Icon
Headless CMS: props customization
  • Icon
  • dismissible
BannerText
TypeAvailability
DocumentationBanner Text FastStore UI
Overridable components
  • BannerText
  • BannerTextContent
Headless CMS: props customization
  • ColorVariant
  • Variant
Breadcrumb
TypeAvailability
DocumentationBreadcrumb FastStore UI
Overridable components
  • Breadcrumb
  • Icon
Headless CMS: props customization
  • Icon (HomeIcon)
Empty State
TypeAvailability
DocumentationEmpty State FastStore UI
Overridable componentsEmptyState
Headless CMS: props customizationComing soon!
Hero
TypeAvailability
DocumentationHero FastStore UI
Overridable Components
  • Hero
  • HeroImage
  • HeroHeader
Headless CMS: props customization
  • ButtonProps (Label, Icon)
  • ColorVariant
  • Variant
Navbar
TypeAvailability
DocumentationNavbar FastStore UI
Overridable components
  • Navbar
  • NavbarLinks
  • NavbarLinksList
  • NavbarSlider
  • NavbarSliderHeader
  • NavbarSliderContent
  • NavbarSliderFooter
  • NavbarHeader
  • NavbarRow
  • NavbarButtons
  • IconButton
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
DocumentationFastStore UI
Overridable components
  • ProductTitle
  • DiscountBadge
  • BuyButton
  • Icon
  • Price
  • QuantitySelector
  • SkuSelector
  • ShippingSimulation
  • ImageGallery
  • ImageZoom
  • __experimentalImageGalleryImage
  • __experimentalImageGallery
  • __experimentalShippingSimulation
Headless CMS: props customization
  • ProductTitle: showDiscountBadge, discountBadgeSize, showReferenceNumber
  • BuyButton: Icon
ProductShelf
TypeAvailability
DocumentationProduct Shelf FastStore UI
Overridable components
  • ProductShelf
  • __experimentalCarousel
  • __experimentalProductCard
Headless CMS: props customization
  • Product Card Configuration: showDiscountBadge, bordered
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