⚠️ After March 18, 2024, the FastStore documentation will be migrated to the Developer Portal. For more information, access the official release note.

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
TypeAvailability
Overridable components
Headless CMS: props customization
  • NavbarRow: Logo
  • NavbarButtons: SignIn Button Icon, Cart Icon
  • Navigation: Regionalization Icon, Menu Icon, Home Icon
Newsletter
TypeAvailability
Overridable components
Headless CMS: props customization
  • Icon
  • Card Format
  • Color Variant (Main / Light / Accent)
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