Menu
Guides

Basic components

Use our storefront components to create a seamless shopping experience for your customers.

0 min read
Add to cart Button
A button for adding items to the shopping cart.
Breadcrumb
Navigation scheme that shows a user's browsing history up to their current location in your store.
Footer
Displays your store's Footer.
Google One-Tap Login
Google One-tap delivers a seamless experience with a small pop-up that can authenticate a user with a streamlined interface.
Header
Displays your store's Header.
Locale Switcher
Component responsible for changing the current language of the store.
Login
Handles every functionality related to user login.
Menu
Renders the Menu component, displaying a bar containing links and drop-down sub-menus.
Minicart
Fetching data from the Checkout OrderForm API, the Minicart component displays a summary list of all items added by customers in their shopping cart.
Order Placed
Renders the orderPlaced page with all order data.
Product Customizer
Allows a product's attachments to be made available and ready to be chosen by users from the product page.
Product Identifier
Shows a product identifier, such as the product reference, product ID, SKU EAN, or SKU reference.
Product List
Works with Minicart to display all items in the user's cart, informing when some of them are unavailable.
Product Price
The app exports blocks related to the product's price, such as list price, selling price and savings.
Product Quantity
Allows users to add a chosen amount of the displayed product to their cart.
Product Specification Badges
This block is exported by the Product Summary app and it is responsible for displaying badges with the product's specifications in other store blocks.
Product Summary
App responsible for summarizing product information (such as name, price and image) in other store blocks, such as the Shelf and the Minicart.
Product Summary AttachmentList
This block is exported by the Product Summary app and it is responsible for displaying the product's attachments in other store blocks.
Product Summary Brand
This block is exported by the Product Summary app and it is responsible for displaying the product's brand in other store blocks.
Product Summary Buy Button
This block is exported by the Product Summary app and it is responsible for displaying a Buy Button block in other store blocks.
Product Summary Description
This block is exported by the Product Summary app and it is responsible for displaying the product's description in other store blocks.
Product Summary Image
This block is exported by the Product Summary app and it is responsible for displaying the product's image in other store blocks.
Product Summary List
This block is exported by the Product Summary app and it is responsible for displaying a products list in other store blocks.
Product Summary Name
This block is exported by the Product Summary app and it is responsible for displaying the product's name in other store blocks.
Product Summary SKU Selector
This block is exported by the Product Summary app and it is responsible for displaying the SKU Selector block in other store blocks.
Rich Text
The Rich Text app brings Markdown-formatted text to your store and displays it as HTML elements.
Search
The VTEX Search app is responsible for handling the new VTEX Intelligent Search solution in IO stores by providing new UI components that enhance the search experience, such as the autocomplete feature.
Search Result
Handles the result fetched by the VTEX Search API and displays it to users. The app exports all store blocks expected in a search results page, such as the filters and the product gallery.
Shelf
Displays a list of products on the store's home page.
Store Image
Renders a predefined image on the UI.