Olá!
Estou tentando configurar um elemento com o “display: grid” > “grid-template-columns:repeat(2,1fr);”, porém, ele só recebe a propriedade corretamente se tiver um elemento html “a” atrelado:
"
“list-context.image-list#lp_grow-block-mais-vendidas-images”: {
“title”: “”,
“children”: [
“container.list-render#lp_grow-block-mais-vendidas-images”
],
“props”: {
“images”: [{
“image”: “https://dummyimage.com/643x886”,
“mobileImage”: “”
// ,
// “link”: {
// “url”: “#”
// }
},
{
“image”: “https://dummyimage.com/734x426”,
“mobileImage”: “”
// ,
// “link”: {
// “url”: “#”
// }
},
{
“image”: “https://dummyimage.com/734x426”,
“mobileImage”: “”
// ,
// “link”: {
// “url”: “#”
// }
}
]
}
},
“container.list-render#lp_grow-block-mais-vendidas-images”: {
“props”: {
“blockClass”: [“lp_image”, “lp_mais-vendidas-images”, “banner-grid”],
“wrapper”: true
}
},
"
Conforme acima, o elemento sem o link, não renderiza corretamente:
Com o link ativo:
Queria saber se alguem encontrou um workaround para isso, ou se existe alguma outra solução viável, pois no template que estou montando, não haverá links para essas imagens.
Obrigado!