This component renders a thermometer which fills up accordng to the amount of money left to receive free shipping.
In order to use this component you must:
- Add the dependency
"itgloberspartnercl.shipping-thermometer": "0.x"
tomanifest.json
; - Declare the block
shipping-thermometer
and add it to the minicart.
Prop name | Type | Description | Default value |
---|---|---|---|
promotionID |
String |
promo ID | XXXXXX |
The promo ID can be retrieved from: {workspace}--{vendor}.myvtex.com/api/rnb/pvt/benefits/calculatorconfiguration/
css styles can be done in: itgloberspartnercl.shipping-thermometer.css
In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on [Using CSS Handles for store customization](https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization).
CSS Handles |
---|
thermometer__container |
free__shipping__text |
not__free__text |
image__container |
thermomether_color |
Thanks goes to these wonderful people:
This project follows the all-contributors specification. Contributions of any kind are welcome!
Check out some documentation models that are already live: