...
Pour un produit avec 2 vues, une de face et une de coté, voici les données nécessaires :
| Code Block | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
{
"colorize_views_data": [
{
"name": "vue de face",
"id": "1"
},
{
"name": "vue de cote",
"id": "2"
}
], |
...
Pour ce même produit, nous avons 3 zones de colorisation, voici comment les composer :
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
"colorize_zones_data": {
"zone1": {
"id": "zone1",
"name": "Nom de la zone 1",
"colorGroup": "colorGroup1",
"overlay": [
{
"id": "view1",
"source": "mod1-3quarts-bride2_overlay.png"
},
{
"id": "view2",
"source": "mod1-profil-bride2.png"
}
]
},
"zone2": {
"id": "zone2",
"name": "Nom de la zone 2",
"colorGroup": "colorGroup1",
"overlay": [
{
"id": "view1",
"source": "mod1-3quarts-bride1_overlay.png"
},
{
"id": "view2",
"source": "mod1-profil-bride1.png"
}
]
},
"zone3": {
"id": "zone3",
"name": "ma zone 3",
"colorGroup": "anotherGroup",
"overlay": [
{
"id": "view1",
"source": "mod1-3quarts-passant1_overlay.png"
},
{
"id": "view2",
"source": "mod1-profil-passant1.png"
}
]
}
}, |
...
Enfin, il vous reste plus qu'à appliquer des couleurs aux zones.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
"colorize_colors_data": {
"colorGroup1": [
{
"name": "marron foncé",
"hex": "#421b1c",
"source": "",
"thumb": ""
},
{
"name": "jaune moutarde",
"hex": "#ce9605",
"source": "",
"thumb": ""
},
{
"name": "blanc",
"hex": "#f0f1f5",
"source": "",
"thumb": ""
}
],
"anotherGroup": [
{
"name": "marron foncé",
"hex": "#421b1c",
"source": "",
"thumb": ""
},
{
"name": "jaune moutarde",
"hex": "#ce9605",
"source": "940_0013_jaune_moutarde.jpg",
"thumb": "25_0013_jaune_moutarde.jpg"
},
{
"name": "mauve",
"hex": "#b39be1",
"source": "940_0000_mauve.jpg",
"thumb": "940_0000_mauve.jpg"
}
]
}
} |
...