Configurer le modèle pour un choix d'image à partir d'une liste
Le choix des images dans une liste permet à l'utilisateur de choisir entre un nombre défini d'images dans un menu déroulant.
Pour configurer le modèle, vous devrez modifier les fichiers .html (voir Mettre à jour le fichier HTML) et les fichiers .json (voir Mettre à jour le fichier params.json).
Fichier HTML
Le fichier HTML doit avoir une classe « div » qui contiendra le choix d'images proposées à l'utilisateur :
Copier
<div class="imageContainer">
<img data-publish-id="image" class="image" src="./img/image1.jpg" alt="main image" />
</div>
Fichier JSON
Le fichier params.json doit avoir une section correspondante qui contient le choix d'images offertes à l’utilisateur :
Copier
{
"id": "image",
"label": "image",
"default": "./img/image1.jpg",
"type": "image",
"choices": [
{ "label": "image 1", "value": "./img/image1.jpg" },
{ "label": "image 2", "value": "./img/image2.jpg" },
{ "label": "image 3", "value": "./img/image3.jpg" },
{ "label": "image 4", "value": "./img/image4.jpg" }
]
}