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 | |
Headless CMS: props customization | |
BannerText
Type | Availability |
---|
Overridable components | |
Headless CMS: props customization | |
Breadcrumb
Type | Availability |
---|
Overridable components | |
Headless CMS: props customization | |
Hero
Type | Availability |
---|
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
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 | |
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 | |
Headless CMS: props customization | - Previous Page Button:
Icon - Mobile Filter Button:
Icon - Product Card Configuration:
showDiscountBadge , bordered
|
RegionBar
Type | Availability |
---|
Overridable components | |
Headless CMS: props customization | - LocationIcon:
Icon - ButtonIcon:
Icon
|