Storefront Next Template Features
When you create a storefront in Business Manager, choose a template that matches your storefront’s needs and how you sell your products. Each template provides features for shoppers, and sets the page layout, visual theme, and product attributes shoppers use to browse and buy.
To select a template in Business Manager, click App Launcher, and then select Administration > Sites > Storefronts > New Storefront. To preview a layout, click View Demo. Then choose a template by clicking Use Template. See Create Storefront Next in Business Manager with a GitHub Repository or Create Storefront Next in Business Manager with Local Code.
To select a template in the CLI, choose a template from the list of templates given in the terminal. See Explore Storefront Next Code Locally and Command-Line Interface (CLI) Reference.
Check out the features included in each template.
| Template | When to Use |
|---|---|
| Foundations | Use Foundations when you want the full commerce toolkit with no vertical theme applied so that you can configure the storefront your way. The Foundations template isn’t specific to any industry. Use it as a starting point and customize it for your storefront needs. See the Foundations demo site. |
| Retail Next | Use Retail Next when you want a template that contains a general retail layout and includes a home page, a Product Listing Page (PLP), and a Product Detail Page (PDP) as the default layout. It includes rich media galleries, ratings and reviews, built-in Buy Online, Pick Up In Store feature and approaching discounts components. The My Account page shows orders, addresses, payment methods, and a wishlist. This template is the base template for other templates. It is the standard for Page Designer content blocks, page variations, and the Storefront Next extension model. Built-in BOPIS (Buy Online, Pick Up In Store) messaging and native “Approaching Discounts” components. See the Retail Next demo site. |
| Beauty Next | Use Beauty Next when you want a variant-rich template that offers ingredient transparency. The product variants that this template offers include shade-related attributes, such as shade name and undertone, and a shade selector for mobile use. Includes a thumb-zone shade selector for mobile users. Product media and variant states update instantly without a full page reload. With the sticky buy bar, the selected shade, price, stock, and add-to-cart button are within reach. See the Beauty Next demo site. |
| Footwear Next | Use Footwear Next when you want shoppers to be able to determine whether a product fits. Includes a multi-system size guide drawer for US, UK, EU, CM size systems, and a community-driven fit confidence indicator. Shoppers choose size, width, and color, compare performance details, and browse by activity such as running or trail. Uses a colorway strip with live hero-image swapping and performance spec cards for technical visualizations (cushioning, heel drop, and terrain). See the Footwear Next demo site. |
| Furniture Next | Use Furniture Next when your brands need room-set imagery, detailed dimensions and material specifications, delivery services, and financing options. Shoppers compare dimensions, configure size, fabric, and legs, browse by room, and choose delivery and services. See the Furniture Next demo site. |
Each section describes the catalog attributes to set on products in your catalog. Map these catalog attributes so that the catalog can show them.
The Foundations template doesn’t define c_category, c_subcategory, c_materials, or c_isLimitedEdition.
| Attribute | What the Storefront Displays |
|---|---|
| Color and size | Variation choices on the product detail page, product listing page, and cart |
c_refinementColor | Color filter on the product listing |
c_isNew, c_isSale, c_isLimited, c_isExclusive, c_isTrending, c_isBestSeller, c_isOutOfStock | Badges on the product tile, such as New, Sale, Limited, Exclusive, Trending, Best Seller, and Out of Stock |
c_availableForInStorePickup | Whether the product can be picked up in a store |
| Attribute | What the Storefront Displays |
|---|---|
| Color and size | Variation choices on the product detail page, product listing page, and cart |
c_refinementColor | Color filter on the product listing. Values include black, blue, green, red, white, beige, brown, and navy. |
c_category, c_subcategory | Category classification. Category values are Women, Men, and Kids |
c_materials | Material composition |
c_isNew, c_isSale, c_isLimited, c_isExclusive, c_isTrending, c_isBestSeller, c_isOutOfStock | Badges on the product tile, such as New, Sale, Limited, Exclusive, Trending, Best Seller, and Out of Stock |
c_isLimitedEdition | Limited-edition flag on the product |
c_availableForInStorePickup | Whether the product can be picked up in a store |
| Attribute | What the Storefront Displays |
|---|---|
| Color and size | Variation choices on the product detail page. The size value name can describe volume, such as 10 ml. |
c_ingredients | Ingredients. Separate lines become a bulleted list. |
c_howToUse | How to use |
c_keyBenefits | Key benefits. Separate lines become a bulleted list. |
c_skinType | Skin type in the product details |
c_pdpFinish | Finish in the product details |
c_coverage | Coverage in the product details |
c_size | Size in the product details |
| Attribute | What the Storefront Displays |
|---|---|
| Size, width, and color | Variation choices on the product detail page, product listing page, and cart |
c_activity | Activity used for browsing and related products |
c_cushioning, c_heelDrop, c_weight, c_supportType, c_terrain | Performance details such as cushioning, heel drop, weight, support, and terrain |
c_fitFeedback | Fit feedback on the product detail page |
c_sizeChart | Size chart in the size guide |
| Attribute | What the Storefront Displays |
|---|---|
| Size, fabric, and leg style | Configuration choices, with fabric grouped by family |
c_width, c_depth, c_height | Width, depth, and height on the product listing page, product detail page, and cart |
c_seatHeight | Seat height on the product detail page |
c_comfortLevel, c_style | Comfort and style |
c_assemblyRequired, c_leadTimeDays, c_weightKg | Whether assembly is required, how long the item takes to ship, and weight |