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-thermometerand 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: