Come posso personalizzare la grafica dei miei prodotti?

La grafica è una parte importante del vostro Partnerhop e può essere personalizzata.

Per fornire una grafica personalizzata per il vostro USS Partnershop sono necessari i seguenti passaggi.

  1. Creare la grafica desiderata utilizzando le specifiche per la grafica USS Partnershop.
    Si prega di notare le specifiche applicabili per la grafica USS alla fine dell’articolo.
  2. Caricare la grafica creata nella libreria multimediale del negozio partner USS.
    A tal fine, accedere al backend del negozio partner – CMS / Media / Media Upload.
  3. Selezionare la categoria desiderata.
    Category per la grafica dell’intestazione della categoria
    Product per la grafica dell’intestazione e dei dettagli del prodotto
    Product Variant per la grafica dell’intestazione e dei dettagli del prodotto (ad es. GreenLine, formati di calendario, ecc.).
    Calculation Images per la grafica delle icone dei prodotti

Utilizzate la vostra grafica sulle pagine dei prodotti
Per modificare la grafica delle singole pagine di prodotto nel vostro USS Partnershop sono necessari i seguenti passaggi.

  1. Passare al backend del Partnershop – CMS / Content / Pages / Product.
  2. Selezionare un prodotto dall’elenco della pagina (ad esempio, Banderoles).
  3. Aprire il componente “General Page Data”.
  4. Sostituire i due grafici “Open Graph Image” e “Preview Image”.
  5. In “Open Graph Image”, fare clic sull’icona del centro media a sinistra sotto il grafico.
  6. Quindi selezionare la categoria nella finestra – Category ‘calculation-images’.
    Se non viene visualizzato alcun grafico, fare clic sull’icona di aggiornamento in alto a destra.
  7. Selezionare l’icona del prodotto desiderato (ad esempio, Banderoles).
  8. Ripetere i passaggi da 5 a 7 per l’ “Preview Image”.
  9. Quindi aprire il componente ‘Header’.
  10. In “Background Image”, fare clic sull’icona del centro multimediale a sinistra sotto la grafica.
    Se non viene visualizzata alcuna immagine, fare clic sull’icona di aggiornamento in alto a destra.
  11. Selezionare la grafica dell’intestazione desiderata (ad esempio, banderole).
  12. Quindi aprire il componente “Free Texts Two Columns”.
  13. Selezionate “Compose ON” nella sezione di destra.
  14. Fare clic sull’icona del centro multimediale a sinistra sotto la grafica.
  15. Selezionare il grafico di dettaglio desiderato (ad esempio, banderole).
  16. Salvare le modifiche facendo clic sul pulsante “Save Changes”.

Utilizzate la vostra grafica nelle pagine delle categorie
Per modificare la grafica delle pagine di categoria del vostro USS Partnershop, è necessario procedere come segue.

  1. Passare al backend di Partnershop – CMS / Content / Pages / Category.
  2. Selezionare una categoria dall’elenco delle pagine (ad esempio, servizio 24 ore su 24).
  3. Aprire il componente ‘Header’.
  4. In “Background Image”, fare clic sull’icona del centro multimediale a sinistra sotto la grafica.
    Se non viene visualizzata alcuna immagine, fare clic sull’icona di aggiornamento in alto a destra.
  5. Selezionare la grafica dell’intestazione desiderata (ad es. servizio 24 ore su 24).
  6. Salvare le modifiche facendo clic sul pulsante “Save Changes”.

Utilizzare la propria grafica nelle icone dei prodotti (calculation image)

  1. A tal fine, accedere al backend di Partnershop – CMS / Content / Product Data / Editor.
  2. Selezionare un prodotto dall’elenco “Alias prodotto” (ad esempio, Banderoles).
  3. Sostituire tutti gli elementi grafici facendo clic sull’icona del centro multimediale a sinistra sotto l’elemento grafico.
  4. Selezionare quindi la categoria nella finestra – Category / ‘calculation_images’.Se non viene visualizzato alcun grafico, fare clic sull’icona di aggiornamento in alto a destra.
  5. Selezionare l’icona del prodotto desiderato (ad esempio, Banderoles).
  6. Ripetere questi passaggi per tutti gli elementi grafici che si desidera sostituire.
    Si noti che l’“Calculation image” deve essere mantenuta su più pagine.
    Cambiare pagina tramite la navigazione “Pages” sopra la grafica.
  7. Fare clic sul pulsante “Save” non appena si è terminata la modifica dell’“Calculation image” per un prodotto (ad esempio, banderuole).

Pubblicare le modifiche

  1. Dopo il salvataggio, le modifiche devono essere pubblicate.
    Passare al backend del negozio partner – CMS / Administration / Redis Management / Exports.
  2. Fare clic sul pulsante “Create Productive Version”.

Le modifiche saranno visibili a tutti i clienti del negozio dopo circa 2 minuti.

Specifiche per la grafica dei prodotti USS

Le seguenti specifiche si applicano all’elaborazione della grafica di USS Partnershop.

Product-Icon
Dimensione: 360x 360px
Formato: *.png con sfondo trasparente
Nome convenzione: Icona_xxx.png

Product- / Category-Header
Dimensioni: 1770 x 320px / 96dpi
Formato: *.jpg con sfumatura grigia sul lato
Nome convenzione: Product_Header_xxx.jpg / Category-Header_xxx.jpg

Product-Detail
Dimensioni: 785 x 385px / 96dpi
Formato: *.jpg
Nome convenzione: Prodotto_Grafico_xxx.jpg

Category: CMS
Tag: Grafica del prodotto