SKU Selector
📢 Disclaimer Don't fork this project. Use it, contribute to it or open issues through Store Discussion to help us evolve it.
SKU Selector
The sku-selector
block is mainly used in Product Details Pages (PDPs) to display all the SKUs available for a given product.
Configuration
Import the
vtex.sku-selector
app to your theme's dependencies in themanifest.json
file as in the following example:
Add the
sku-selector
block to any child of thestore.product
template (product page). For example:
Then, declare the
sku-selector
block using the props stated in the Props table. For example:
sku-selecor
and summary-sku-selector
props
sku-selecor
and summary-sku-selector
propsvisibleVariations
props
sliderItemsPerPage
props
sku-quantity
props
sku-quantity
propsavailables vars in sku-quanttiy
message
Customization
To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.
Last updated