Skip to content

xGinDev/vtex-snippets

Repository files navigation

VTEX IO SNIPPETS

VTEX IO Snippets are concise, reusable code fragments tailored for VTEX IO. These code blocks serve as building blocks for customizing and extending your VTEX e-commerce store with ease. Whether it's adding new features, tweaking design, or optimizing performance, VTEX IO Snippets provide the flexibility to streamline development tasks, helping you create unique shopping experiences for your customers.

Create pre-made components

extension-ezgif com-video-to-gif-converter Reference app: Snippet generator

Commands

Blocks Snippets
"flr" => "flex-layout.row"
"flc" => "flex-layout.col"
"rt" => "rich-text"
"sl" => "slider-layout"
"i" => "Icon"
"atc" => "add-to-cart-button"
"mi" => "menu-item"
"m" => "menu"
"ic" => "simple info card"
"img" => "image"

Components

Blocks Snippets
"carrousel" => "Context Image List And Slider"
"srpdp" => "Shelf Related PDP"
"ssm" => "Share Social Media"
"bcc" => "BreadCrumb Custom"
"bcs" => "Create Breadcrumb Search"
"bcp" => "Create Breadcrumb PDP"
"tl" => "Toggle Layout"
"pss" => "Product Summary Shelf"
"ss" => "Store Search"
"btt" => "Button Back To Top"
"vitrine" => "Context Product List And Slide"
"tag" => "Product Highlights"
"foo" => "Create Template Footer"
"misa" => "Menu Item With SubMenu Accordion"
"quickview" => "Create QuickView "
"promises" => "Create Promises Brand "
"rc" => "Route Custom"