Gabarito para o passo 'Info Card: o call to action do Store Framework'
// store/blocks/home.jsonc
{
"store.home": {
"blocks": ["rich-text", "info-card#button-right", "info-card#button-left"]
},
//...,
"info-card#button-right": {
"props": {
"isFullModeStyle": false,
"textPosition": "right",
"imageUrl": "https://appliancetheme.vteximg.com.br/arquivos/cozinha-rosa-min.png",
"headline": "Vintage Pink",
"subhead": "Give your kitchen a boho style adding vintage apparels.<br>Available until January 2020.",
"callToActionMode": "button",
"callToActionText": "Explore",
"callToActionUrl": "/sale/d",
"textAlignment": "center"
}
},
"info-card#button-left": {
"props": {
"isFullModeStyle": false,
"textPosition": "left",
"imageUrl": "https://appliancetheme.vteximg.com.br/arquivos/cozinha-cinza-min.png",
"headline": "Shining chrome",
"subhead": "Give your kitchen a cool style adding warm metallic finishes.<br>Available until January 2020.",
"callToActionMode": "link",
"callToActionText": "Go to collection",
"textAlignment": "center"
}
}
}
Help us make this content better!
VTEX IO courses are open source. If you see something wrong, you can open a pull request!
Make a contributionUpdated almost 4 years ago