Styles avec les paramètres d’URL
Les paramètres d’URL permettent de personnaliser l’apparence et le comportement de Viewer sans modifier le code.
Ils peuvent être configurés directement dans l’application (par exemple dans l’onglet « Partager » ou dans Viewer) et permettent de contrôler le mode d’arrière-plan, les effets des images de fond, l’éclairage de l’environnement 3D, la visibilité de l’interface et celle du bouton Ajouter au panier.
Présélection des variantes (attributs WooCommerce) :
Vous pouvez également présélectionner une variante précise du produit à l’aide de paramètres de requête tels que attribute_pa_color, pa_size ou size. Ces paramètres sont interprétés à partir des associations d’attributs et de termes de votre boutique et permettent d’ouvrir Viewer avec une couleur, une taille, un matériau, une technique d’impression ou une couleur personnalisée déjà sélectionnés.
Liste des paramètres d’URL disponibles
| Paramètre | Type | Description | Valeur par défaut |
|---|---|---|---|
nav | 0 / 1 | Masque (0) ou affiche (1) la navigation. Disponible uniquement avec Business. | 1 |
add_to_cart | 0 / 1 | Masque (0) ou affiche (1) le bouton « Ajouter au panier ». | 0 |
bcg | string | Mode d’arrière-plan de la scène : grad_f6f7fb_e8fff6, app_img_123, uploaded, theme ou env. | Valeur de la boutique/par défaut |
env | int | Identifiant de l’environnement HDRI utilisé pour éclairer la scène. Avec bcg=env, cet environnement sert également d’arrière-plan visible à la scène. | 1 |
light_intensity | 0 - 2 | Intensité lumineuse de la scène 3D. | 0.6 |
bcg_blur | 0 - 100 | Flou appliqué aux images de fond sélectionnées avec bcg=app_img_*, bcg=uploaded ou bcg=theme. | 0 |
bcg_brightness | 0 - 3 | Luminosité/niveau d’émission des images de fond. | 1 |
bcg_underlay | string | Sous-couche derrière les images de fond. Utilisez grad_ffffff_f5f7fb pour un dégradé ou none pour la supprimer. | Valeur par défaut de l’arrière-plan |
attribute_pa_* | string | Présélectionne un terme d’attribut de produit WooCommerce. Les clés acceptées comprennent attribute_pa_color, pa_color et color ; les alias pris en charge couvrent la taille, la couleur, le matériau, le type d’impression et le motif. | |
custom_color | 0 / 1 / true | Demande la variante à couleur personnalisée lorsque le produit la prend en charge. Le même résultat peut être obtenu avec color=custom. | 0 |
picked_colors | string | Couleurs personnalisées de remplacement, séparées par des virgules, au format detailKey:%23hex, par exemple front:%23ff6b6b,back:%2300ff88. Le caractère # doit être encodé dans l’URL sous la forme %23. |