Component documentation

Cart icon / text

In global navigation

FcCartTrigger

Native Framer customization, no limitations

4

Cart counter

In global navigation and checkout modal

FcCartCounter

Native Framer customization of badge styling

Set font and color from component control

Cart modal overlay

The overlay container for the cart preview

Native Framer customization, no limitations

Cart modal product card

Product summary with options to add/remove quantity, remove from cart

FcCartProductCard

Set font and color from component control

Currently only one layout option; more customizations in backlog

Cart modal subtotal

In cart modal overlay

FcCartSubtotal

Native Framer customization

Set font and color from component control

Cart modal checkout button

In cart modal overlay

FcCartButtonCheckout

Native Framer customization, no limitations

Product image carousel

On the product page

FcProductCarouselImage

Native Framer customization

Supports up to 8 images

Currently no customization for thumbnail states, in backlog

Product price

On the product page

FcProductPrice

Native Framer customization

Set font and color from component control

Product variant selectors

On the product page

FcProductVariants

Set fonts and colors from component control

More customization in backlog (button styling, spacing, etc.)

Add to cart button

On the product page

FcProductButtonAddToCart

Native Framer customization of button container

Set font and color from component control

Toggle show price and currency in button

Breadcrumbs

On the product page

FcProductBreadcrumb

Native Framer customization for link container

Set font and color from component control

Product card

Product summary card with link to shop page

FcProductCard

Native Framer customization of container (background, radius, padding, etc.)

Set fonts and colors from component control

Currently only one layout option; more layout options and customizations in backlog