Grafiken sind ein wichtiger Bestandteil ihres Partnershops und können individuell angepasst werden.
Um individuelle Grafiken für ihren USS-Partnershop bereitzustellen sind folgende Schritte erforderlich.
- Erstellen sie die gewünschten Grafiken anhand der Spezifikation für USS-Partnershop-Grafiken.
Beachten sie hierzu unbedingt die geltenden Spezifikationen für USS-Grafiken am Ende des Beitrags. - Laden sie die erstellten Grafiken in Ihre USS-Partnershop-Mediathek.
Wechseln sie dazu in ihr Partnershop Backend – CMS / Media / Media Upload. - Wählen sie die gewünschte Kategorie aus.
Category für Kategorie-Header-Grafiken
Product für Produkt-Header- und Produkt-Detail-Grafiken
Product Variant für Produkt-Header- und Produkt-Detail-Grafiken (z.B. GreenLine, Kalenderformate, etc.)
Calculation Images für Produkt-Icon-Grafiken
Eigene Grafiken in Produktseiten verwenden
Um die Grafiken einzelner Produktseiten in ihrem USS-Partnershop zu ändern sind folgende Schritte erforderlich.
- Wechseln sie in ihr Partnershop Backend – CMS / Content / Pages / Product.
- Wählen sie ein Produkt aus der Page-List (z.B. Banderoles).
- Öffnen sie die Komponente „General Page Data“.
- Ersetzen sie die beiden Grafiken „Open Graph Image“ sowie „Preview Image“.
- Klicken sie unter „Open Graph Image“ das Mediathek-Icon links unterhalb der Grafik.
- Wählen sie anschließend im Fenster die Kategorie aus – Category „calculation-images“.
Wird keine Grafik angezeigt, klicken sie auf das Aktualisieren-Icon oben rechts. - Wählen sie das gewünschte Produkt-Icon (z.B. Banderoles) aus.
- Wiederholen sie die Schritte 5-7 für das „Preview Image“.
- Öffnen sie danach die Komponente „Header“.
- Klicken sie unter „Background Image“ das Mediathek-Icon links unterhalb der Grafik.
Wird keine Grafik angezeigt, klicken sie auf das Aktualisieren-Icon oben rechts. - Wählen sie die gewünschte Header-Grafik (z.B. Banderoles) aus.
- Öffnen sie danach die Komponente „Free Texts Two Columns“.
- Wählen sie im rechten Teil „Compose ON“.
- Klicken sie das Mediathek-Icon links unterhalb der Grafik.
- Wählen sie die gewünschte Detail-Grafik (z.B. Banderoles) aus.
- Speichern sie ihre Änderungen durch Klick auf den Button „Save Changes“.
Eigene Grafiken in Kategorienseiten verwenden
Um die Grafiken der Kategorieseiten in ihrem USS-Partnershop zu ändern sind folgende Schritte erforderlich.
- Wechseln sie in ihr Partnershop Backend – CMS / Content / Pages / Category.
- Wählen sie eine Kategorie aus der Page-List (z.B. 24h-Service).
- Öffnen sie die Komponente „Header“.
- Klicken sie unter „Background Image“ das Mediathek-Icon links unterhalb der Grafik.
Wird keine Grafik angezeigt, klicken sie auf das Aktualisieren-Icon oben rechts. - Wählen sie die gewünschte Header-Grafik (z.B. 24h-Service) aus.
- Speichern sie ihre Änderungen durch Klick auf den Button „Save Changes“.
Eigene Grafiken in den Produkt-Icons (Calculation-Image) verwenden
- Wechseln sie dazu in ihr Partnershop Backend – CMS / Content / Product Data / Editor.
- Wählen sie ein Produkt aus der „Product Alias“-Liste (z.B. Banderoles).
- Ersetzen sie alle Grafiken durch Klick auf das Mediathek-Icon links unterhalb der Grafik.
- Wählen sie anschließend im Fenster die Kategorie aus – Category / „calculation_images“.
Wird keine Grafik angezeigt, klicken sie auf das Aktualisieren-Icon oben rechts. - Wählen sie das gewünschte Produkt-Icon (z.B. Banderoles) aus.
- Wiederholen sie diese Schritte für alle Grafiken, welche sie ersetzen möchten.
Beachten sie dabei, dass die „Calculation-Image“ auf mehreren Seiten gepflegt werden müssen.
Wechseln sie die Seiten über die Navigaton „Pages“ oberhalb der Grafik. - Klicken sie den Button „Save“, sobald sie die Bearbeitung der „Calculation-Image“ für ein Produkt (z.B. Banderoles) abgeschlossen haben.
Änderungen Veröffentlichen
- Nach dem Speichern müssen die Änderungen veröffentlicht werden.
Wechseln sie in ihr Partnershop Backend – CMS / Administration / Redis Management / Exports. - Klicken sie den Button „Create Productive Version“.
Ihre Änderungen sind nach ca. 2 min im Shop für alle Kunden sichtbar.
Spezifikation für USS-Produktgrafiken
Für die Bearbeitung der USS-Partnershop-Grafiken gelten folgende Spezifikationen.
Produkt-Icon
Größe: 360x 360px
Format: *.png mit transparentem Hintergrund
Namens-Konvention: Icon_xxx.png
Produkt- / Kategorie-Header
Größe: 1770 x 320px / 96dpi
Format: *.jpg mit seitlichem grauem Verlauf
Namens-Konvention: Product_Header_xxx.jpg / Category-Header_xxx.jpg
Produkt-Detail
Größe: 785 x 385px / 96dpi
Format: *.jpg
Namens-Konvention: Product_Graphic_xxx.jpg