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

Type	Availability
Overridable components	`Alert` `Icon`
Headless CMS: props customization	`Icon` `dismissible`

BannerText

Type	Availability
Overridable components	`BannerText` `BannerTextContent`
Headless CMS: props customization	`ColorVariant` `Variant`

Breadcrumb

Type	Availability
Overridable components	`Breadcrumb` `Icon`
Headless CMS: props customization	`Icon (HomeIcon)`

Hero

Type	Availability
Overridable Components	`Hero` `HeroImage` `HeroHeader`
Headless CMS: props customization	`ButtonProps (Label, Icon)` `ColorVariant` `Variant`

Navbar

Type	Availability
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

Type	Availability
Documentation	Coming soon!
Overridable components	`ToastIconSuccess` `ToastIconError` `HeaderIcon` `InputFieldName` `InputFieldEmail` `Button`
Headless CMS: props customization	`Icon` `Variant (Lite / Full)`

ProductDetails

Type	Availability
Overridable components	`ProductTitle` `DiscountBadge` `BuyButton` `Icon` `Price` `QuantitySelector` `SkuSelector` `ShippingSimulation` `ImageGallery` `ImageGalleryViewer` `__experimentalImageGalleryImage` `__experimentalImageGallery` `__experimentalShippingSimulation`
Headless CMS: props customization	ProductTitle: `showDiscountBadge`, `discountBadgeSize`, `showReferenceNumber` BuyButton: `Icon`

ProductShelf

Type	Availability
Overridable components	`ProductShelf` `__experimentalCarousel` `__experimentalProductCard`
Headless CMS: props customization	Product Card Configuration: `showDiscountBadge`, `bordered`

ProductGallery

Type	Availability
Documentation	FastStore UI
Overridable components	`MobileFilterButton` (Button) `FilterIcon` (Icon) `PrevIcon` (Icon) `ResultsCountSkeleton` (Skeleton) `SortSkeleton` (Skeleton) `FilterButtonSkeleton` (Skeleton) `LinkButtonPrev` (LinkButton) `LinkButtonNext` (LinkButton) `__experimentalFilterDesktop` `__experimentalFilterSlider` `__experimentalProductCard` `__experimentalEmptyGallery`
Headless CMS: props customization	Previous Page Button: `Icon` Mobile Filter Button: `Icon` Product Card Configuration: `showDiscountBadge`, `bordered`

RegionBar

Type	Availability
Overridable components	`RegionBar` `LocationIcon` (Icon) `ButtonIcon` (Icon)
Headless CMS: props customization	LocationIcon: `Icon` ButtonIcon: `Icon`

Creating a New Section FastStore API