Cadrage et recadrage d'images
Catégorie : Produits · Plan min. : Gratuit · Slug : image-cadre
Ajoute un outil de recadrage visuel lors du téléchargement des images produit. Affiche le cadre exact du storefront pour un ajustement parfait.
Fonctionnalités
- Outil de recadrage visuel au téléchargement
- Affiche le cadre exact de la page produit
- Glisser, zoomer et pivoter pour ajuster
- Détecte automatiquement le ratio du thème
- Bouton passer pour les uploads rapides
- Fonctionne en création et modification
Pourquoi l'utiliser
Chaque thème (brico, digital, prestige, showcase, starter) recadre les images produit selon un ratio différent sur la vitrine. Si vous uploadez une photo 4:3 alors que le thème attend du 1:1, la vitrine coupe le haut ou le bas — souvent la partie que vous vouliez montrer.
Cet add-on superpose le cadre réel de découpe du storefront sur votre image au moment de l'upload, pour glisser/zoomer/pivoter jusqu'à un cadrage parfait. Plus de re-uploads.
Comment l'activer
- Ouvrez Tableau de bord → Add-ons sur
/dashboard/addons. - Repérez Cadrage et recadrage d'images dans Produits.
- Cliquez Activer (Plan Gratuit).
- Le panneau de réglages expose :
- Ouvrir le recadreur automatiquement (activé par défaut) — ouvre l'UI après chaque upload.
- Qualité de sortie (75-100) — qualité JPEG de la version recadrée (par défaut 90).
Utilisation
Une fois activé, chaque upload d'image produit sur /dashboard/products/create et /dashboard/products/{id}/edit ouvre une modale avec :
- L'image fraîchement uploadée
- Un cadre qui correspond au ratio de la carte produit du thème actif
- Glisser pour repositionner
- Pincer ou molette pour zoomer
- Poignée de rotation pour les photos inclinées
- Appliquer pour enregistrer la version recadrée
- Passer pour garder l'original (rare, utile pour une image non recadrée)
Le fichier d'origine est remplacé côté serveur par la version recadrée — la vitrine affiche immédiatement le bon cadrage.
Conseils
- Réglez Qualité de sortie à 90 par défaut — réduction de poids importante sans perte visible. Montez à 95-100 uniquement pour les hero/cover des produits premium.
- Le cadre correspond au thème actif. Si vous changez de thème plus tard, certains recadrages devront peut-être être refaits sur les produits phares.
- Pour un produit avec un super angle de prise de vue, utilisez la rotation — vous évite de retourner sur votre logiciel photo.
- Se combine naturellement avec le type de variante
image_text(petite image + libellé) — les miniatures de variantes héritent du cadrage.