DataPlug - Images additionnelles

Le concept des images additionnelles est de définir des groupes de 3 images dans vos fiches produits. Ainsi, quand l'utilisateur clique sur l'image vignette, il visualise l'image principale associée, et en survolant l'image principale, il prend connaissance de l'image zoomée.

Cette image zoomée correspond à une parcelle d’une image d’un format en réalité beaucoup plus grand (entre 600 et 1200 pixels).

Vous pouvez ajouter jusqu'à 10 groupes d'images additionnelles (donc 30 images) dans vos fiches produits.

Le DataPlug permet de réaliser cette opération rapidement et simplement.

NB : Le nom de l'image ne peut pas dépasser les 100 caractères (extension incluse).
 
 Choix de la méthode
Le choix de la méthode utilisée dépend de la façon dont vous disposez des images.
  • Si celles-ci sont sur votre disque dur, nous vous conseillons la méthode du chemin : méthode 2.
    Windows permet de récupérer très simplement le chemin d'un fichier en appuyant sur la touche MAJ ou SHIFT du clavier puis en faisant un clic droit. Le menu contextuel affiche ainsi "Copier en tant que chemin d'accès". Le chemin est maintenant dans le presse-papier. Un simple coller insère le chemin dans le fichier Excel. Cette méthode fonctionne aussi suite à une sélection de nombreuses images.

  • Si les images sont sur votre disque dur et qu'elles sont nommées en utilisant les codes articles, la méthode 4 est la plus pratique.

  • Si les images sont présentes sur un site externe, la méthode de l'URL sera la plus appropriées : méthode 3.
 
 Méthode 1 : à partir du DataPlug

  • ETAPE 1 :

    Pour ajouter des images additionnelles à un article avec le DataPlug, il faut préalablement importer une liste d’articles. Si c'est déjà le cas, vous pouvez passer à l'étape 2.

    Plus d’informations dans l’aide en ligne :

    DataPlug - Articles

    Si les articles sont déjà présents dans votre site, vous pouvez vous contenter d’importer la liste des codes produits. Vous pouvez même exporter ces codes depuis le menu [Marketing > Exportation des données] de votre administration.

  • ETAPE 2

    Cliquez sur la loupe de la zone Articles pour visualiser la liste des articles.

    Faites un clic droit sur l’article auquel vous voulez ajouter les images puis sélectionnez : Ajouter des images.



 
 Sélection des images

Cliquez sur le bouton [Sélectionner jusqu'à 10 images] et choisissez les images à ajouter.

Vous pouvez choisir des photos non re-dimensionnées ou non travaillées par un logiciel de retouche d’image.
  • Catégorisation des images
    Pour faciliter l’archivage des images, il est possible de placer les images dans des catégories en cochant la case Affecter une catégorie aux images.

    Cliquez sur l'image pour l'agrandir


    En cochant Utiliser l’une des 3 catégories des articles , le DataPlug vous propose une liste des noms des catégories auxquelles appartient l’article. Ce type d’archivage est très pratique et facilite grandement l’organisation des données.

    Ainsi l’arborescence des catégories des images sera identique à celle des articles. (voir ci-dessous)

    Cliquez sur l'image pour l'agrandir


    En cochant Utiliser le nom du répertoire commençant après le chemin de référence ci-dessous, le DataPlug affectera les images dans des catégories dont les noms dépendront de l’arborescence de votre dossier sur votre ordinateur.

    Cliquez sur l'image pour l'agrandir


    Cliquez sur [Suivant] .
    De cette manière, les images seront affectées aux catégories Bavoir\Bio.



Choisissez ensuite les paramètres d’importation de vos 3 images Vignette, Détail et zoom.

Cliquez sur l'image pour l'agrandir


Par défaut, la configuration proposée sera celle définie dans le menu [Outils \ Paramètres généraux] .
  • Type de redimensionnement
    • Garder les proportions : conserve l'orientation de votre image (paysage ou portrait).
    • Taille fixe (conseillé) : place l’image dans un carré. Les espaces vides seront comblés par la couleur de votre choix. Attention, la couleur transparent ne peut pas s’appliquer à du jpg (remplacée par du noir).
    • Aucune altération : format d’origine.
    • Image non générée : ce format ne sera pas importé.

    Cliquez sur l'image pour l'agrandir

    Le DataPlug créera les images additionnelles en ajoutant un suffixe au nom de l'image. Par défaut, le champ suffixe est paramétré pour ajouter x800 au nom des images zoom, x300 au nom des images principales et x100 au nom des vignettes.
    Par exemple, l'image vignette "votreimage.jpg" sera renommée "votreimagex100.jpg".

  • Dimensions
    Nous conseillons les dimensions suivantes :
    • vignette : de 80 à 100px
    • détail : de 300 à 400px
    • zoom : de 600 à 1200px
 
 Importation

Le DataPlug est capable de réduire vos images, mais également d’agrandir une image pour créer le zoom sans la détériorer.

Les images seront ajoutées à la liste des images de la base du Dataplug et devront être importées dans le site conjointement aux articles.

 
 Visualisation et modification

Vous pouvez changer certains paramètres comme la taille, effectuer des rotations, des symétries. Pour cela, lorsque vous cliquez sur visualiser les articles, sélectionnez en un puis choisissez l’onglet Images additionnelles. En faisant un clic droit sur les images, le logiciel vous propose différentes options de retouche d’image.

Cliquez sur l'image pour l'agrandir


Il est également possible de choisir une des images pour l’appliquer en tant qu’image principale et vignette de votre article. Si vous souhaitez utilisez cette fonctionnalité, il n’est donc pas nécessaire d’importer préalablement les images vignette et détail de vos articles, ni de les associer dans votre fichier Excel.

Une fois que les toutes les images ont été liées aux articles, il ne reste alors plus qu'à transférer les images et articles en cliquant sur [Articles > Transférer] ou bien [Transférer tout] .

Le format de sortie des images peut être paramétré dans les options du logiciel.

Plus d’information dans la FAQ :

Comment paramétrer le format de sortie des images ?


 
 Méthode 2 : à partir du chemin de l'image

Le chemin de l'image présente sur votre disque dur est à renseigner dans le fichier Excel au niveau de la colonne 1ere image zoom, 2eme image zoom, ...

Exemple de chemin : C:\Users\votrenom\Pictures\imagesDataPlug\image1.jpg

La fenêtre de nommage des fichiers images permet de renommer les images. Une aide est disponible sur le lien suivant :

Comment renommer automatiquement les images ?


 
 Méthode 3 : à partir de l'url de l'image

L'url de l'image sera à renseigner dans le fichier Excel au niveau de la colonne 1ere image zoom, 2eme image zoom, ...

Exemple d'url : http://www.oxatis.com/Files/13825/Img/02/logo-oxatis-V10.gif

Pour que les images soient prises en compte, la case "Modifier les paramètres de redimensionnement" doit être cochée.



La fenêtre de nommage des fichiers images permet de renommer les images. Une aide est disponible sur le lien suivant :

Comment renommer automatiquement les images ?

Note : il est possible de mélanger dans un même fichier excel des urls et des chemins.
 
 Méthode 4 : à partir du dossier image

Vous ne renseignez pas les champs sur les images dans le fichier Excel et vous ne mappez pas les colonnes lors de l'importation. (Le plus simple étant de supprimer toutes les colonnes Images du fichier Excel) Le système propose alors de rechercher les images sur votre disque dur. La fenêtre d'import automatique des images s'ouvre dans laquelle il sera possible de désigner le dossier qui contient les images.

Cliquez sur l'image pour l'agrandir

Le DataPlug associera les images à condition qu'elles portent le nom du code de l'article à associer.
Le système se basera sur le suffixe (_1, _2, ...,_10) des images pour créer les images additionnelles. Ainsi si l'image porte le nom : codeproduit_1.jpg, le système créera la première image additionnelle. Si l'image porte le nom codeproduit_2.jpg, le système créera l'image additionnelle 2. Le principe est le même pour les 10 images additionnelles.

Le suffixe doit être impérativement l'underscore " _ " (tiret 8), aucun autre choix n'est possible.

Exemple de code article : CO001, le nom de l'image devra être CO001.jpg
Exemple de nom d'image avec code et suffixe CO001_9.jpg

Ainsi, le logiciel créera les 3 images (détail, vignette et zoom) et les associera à l'article. Une fenêtre sur le nommage des fichiers images s'ouvre, une aide sur cette fonctionnalité est disponible sur le lien ci-dessous.

Comment renommer automatiquement les images ?

 

Ajouter aux favoris : http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=512&TID=55370&MID=55254&LangID=0
© 2001-2017 Oxatis. Tous droits réservés.