Editable image on desired product page

VTEX in your native language 🌎 Portuguese
, ,
1

É possível adicionar um bloco de imagem na página de produto e alterar pelo Site Editor, exibindo apenas neste produto?

2

Hi Pedro, sure, that’s definitely possible.

  1. You can add an image block to the product page:

“store.product”: {
“children”: [
"image#image-product:
]
},
"image#image-product: {
“props”: {
“src”: “image-url”
}
},

NOTE: Then, inside the Site Editor, click on Create new version, then click on Only for this product and Save. This way you can set a different image for each product through the Site Editor.

  1. You can add a toggle layout block with an image inside:

“store.product”: {
“children”: [
"image#image-product:
]
},
“toggle-layout#mage-product”: {
“children”: [
"image#image-product:
]
},
"image#image-product: {
“props”: {
“src”: “image-url”
}
},

NOTE: With this option you can enable or disable the image block in the Site Editor, so for products where you don’t want to use any image, simply disable it. Just like in option 1, you’ll be able to change and use a different image for each product.

I hope this helps, cheers!