Les graphiques sont une partie importante de votre boutique partenaire et peuvent être personnalisés.
Les étapes suivantes sont nécessaires pour fournir des graphiques personnalisés à votre boutique partenaire USS.
- Créez les graphiques souhaités à l’aide des spécifications des graphiques de l’atelier partenaire de l’USS.
Veuillez noter les spécifications applicables aux graphiques de l’USS à la fin de l’article. - Téléchargez les graphiques créés dans la médiathèque de votre boutique partenaire USS.
Pour ce faire, accédez au backend de votre boutique partenaire – CMS / Media / Media Upload. - Sélectionnez la catégorie souhaitée.
Categroy pour les graphiques d’en-tête de catégorie
Product pour les graphiques d’en-tête et de détail des produits
Product Variant pour les graphiques d’en-tête et de détail du produit (par exemple, GreenLine, formats de calendrier, etc.)
Calculation Images pour les graphiques des icônes de produits
Utiliser vos propres graphiques sur les pages de produits
Les étapes suivantes sont nécessaires pour modifier les graphismes des différentes pages de produits dans votre boutique en ligne USS.
- Passez à votre backend Partnershop – CMS / Content / Pages / Product.
- Sélectionnez un produit dans la liste des pages (par exemple, Banderoles).
- Ouvrez le composant « Données générales de la page ».
- Remplacez les deux graphiques « Open Graph Image » et « Preview Image ».
- Sous « Open Graph Image », cliquez sur l’icône du centre des médias à gauche sous le graphique.
- Sélectionnez ensuite la catégorie dans la fenêtre – Catégorie « calcul-images ».
Si aucun graphique n’est affiché, cliquez sur l’icône d’actualisation en haut à droite. - Sélectionnez l’icône du produit souhaité (par exemple, Banderoles).
- Répétez les étapes 5 à 7 pour l’« Preview Image ».
- Ouvrez ensuite le composant « Header ».
- Sous « Background Image », cliquez sur l’icône de l’espace média à gauche sous le graphique.
Si aucune image n’est affichée, cliquez sur l’icône d’actualisation en haut à droite. - Sélectionnez le graphique d’en-tête souhaité (par exemple, les banderoles).
- Ouvrez ensuite le composant « Free Texts Two Columns ».
- Sélectionnez « Compose ON » dans la section de droite.
- Cliquez sur l’icône du centre des médias à gauche sous le graphique.
- Sélectionnez le graphique de détail souhaité (par exemple, les banderoles).
- Enregistrez vos modifications en cliquant sur le bouton « Save Changes ».
Utilisez vos propres graphiques dans les pages de catégories
Les étapes suivantes sont nécessaires pour modifier les graphiques des pages de catégories dans votre boutique partenaire USS.
- Passez à votre backend Partnershop – CMS / Content / Pages / Category.
- Sélectionnez une catégorie dans la liste des pages (par exemple, service 24 heures).
- Ouvrez le composant « Header ».
- Sous « Background Image », cliquez sur l’icône du centre de médias à gauche sous le graphique.
Si aucune image n’est affichée, cliquez sur l’icône d’actualisation en haut à droite. - Sélectionnez le graphique d’en-tête souhaité (par exemple, service 24 heures sur 24).
- Enregistrez vos modifications en cliquant sur le bouton « Save Changes ».
Utilisez vos propres graphiques dans les icônes des produits (image de calcul)
- Pour ce faire, passez à votre backend Partnershop – CMS / Content / Product Data / Editor.
- Sélectionnez un produit dans la liste « Product Alias » (par exemple, Banderoles).
- Remplacez tous les graphiques en cliquant sur l’icône du centre de médias à gauche sous le graphique.
- Sélectionnez ensuite la catégorie dans la fenêtre – Catégorie / ‘calcultation_images’.
Si aucun graphique n’est affiché, cliquez sur l’icône d’actualisation en haut à droite. - Sélectionnez l’icône du produit souhaité (par exemple, Banderoles).
- Répétez ces étapes pour tous les graphiques que vous souhaitez remplacer.
Veuillez noter que l’« Calculation image » doit être conservée sur plusieurs pages.
Changez de page via la navigation « Pages » située au-dessus du graphique. - Cliquez sur le bouton « Save » dès que vous avez fini de modifier l’« Calculation image » d’un produit (par exemple, les banderoles).
Publier les modifications
- Après l’enregistrement, les modifications doivent être publiées.
Passez au backend de votre boutique partenaire – CMS / Administration / Gestion Redis / Exportations. - Cliquez sur le bouton « Create Productive Version ».
Vos modifications seront visibles par tous les clients de la boutique après environ 2 minutes.
Spécification pour le graphisme des produits USS
Les spécifications suivantes s’appliquent au traitement des graphiques USS Partnershop.
Product-Icon
Taille : 360x 360px
Format : *.png avec fond transparent
Convention de nom : Icône_xxx.png
Product- / Category-Header
Taille : 1770 x 320px / 96dpi
Format : *.jpg avec un dégradé de gris sur le côté
Nom convention : Product_Header_xxx.jpg / Category-Header_xxx.jpg
Product-Detail
Taille : 785 x 385px / 96dpi
Format : *.jpg
Nom de la convention : Produit_Graphique_xxx.jpg