La riga del banner è un blocco di una pagina in cui viene inserito un banner di un certo tipo. Il tipo di banner determina il numero di immagini nella riga e la loro dimensione.
Linee di banner nelle pagine del negozio
È possibile inserire un numero qualsiasi di banner nella pagina iniziale. Nelle pagine del catalogo sono presenti due linee di banner: In alto e in basso (sopra e sotto i prodotti).
Nuove linee di banner e cambio del tipo di banner
Per creare nuove linee di banner, modificare i parametri dei banner esistenti o cambiarne la posizione, accedere alla sezione Sito web→ Design → Editor di design pannello di amministrazione ed espandere la voce Homepage. Fare clic su Add banner o espandere una riga di banner esistente e impostare i parametri necessari per il banner. Un'anteprima nell'editor di design consente di valutare immediatamente le modifiche apportate.
Importante: prima di modificare i banner, si consiglia di salvare le immagini utilizzate in precedenza. Dopo aver applicato le modifiche, le immagini precedenti potrebbero essere cancellate.
Tipi di banner
Di seguito sono illustrati tutti i tipi di banner disponibili.
Block
Block Plus
2x
3x
Wide 2x
Wide 3x
Wide Block
Importante: il tipo di banner blockplus è disponibile solo per la home page.
Altezza del banner
S (small banner)
M (medium banner)
L (large banner)
Dimensioni dei diversi tipi di banner in pixel
Le tabelle sottostanti e l’angolo in alto a destra di ciascun campo di caricamento delle immagini indicano le dimensioni ottimali per i display Retina. È possibile utilizzare immagini con dimensioni dimezzate sia in larghezza sia in altezza senza alcuna perdita di qualità.
Banner singolo
Size/Type | Block | Wide Block |
S | 2280 × 432 | 3840 × 576 |
M | 2280 × 864 | 3840 × 1152 |
L | 2280 × 1152 | 3840 × 1536 |
Banner doppi e tripli
Size/Type | 2x | 3x | Wide 2x | Wide 3x |
S | 1440 × 432 | 960 × 480 | 1920 × 576 | 1280 × 640 |
M | 1440 × 864 | 960 × 960 | 1920 × 1152 | 1280 × 1280 |
L | 1440 × 1296 | 960 × 1440 | 1920 × 1728 | 1280 × 1600 |
Banner blockplus
Dimensione/Tipo | Block Plus |
M | 1920 × 864 / 960 × 432 |
Impostazioni aggiuntive
Per ogni riga del banner, è possibile personalizzare anche il raggio di arrotondamento degli angoli, il padding e gli elementi di navigazione.
Arrotondamento degli angoli
Rientri tra i banner
None
S (10px)
M (16px)
L (22px)
Importante: se si sceglie di utilizzare il padding del banner (s-l), non posizionare elementi importanti dell'immagine vicino al bordo. Lasciate che 10-15 pixel dal bordo siano sovrapposti alla rientranza.
Navigazione nei banner
La navigazione viene visualizzata nei banner block, wideblock e large blockplus se il numero di banner nella riga è superiore a uno (slider).
La navigazione consiste in frecce di scorrimento e indicatori di paginazione. Tenete presente che le impostazioni di navigazione dei banner sono comuni a tutto il sito.
Frecce
Sono disponibili otto tipi di frecce. Per impostazione predefinita, le frecce sono bianche, ma è possibile modificarle in qualsiasi colore.
Paginazione
Sono disponibili due tipi di indicatori di paginazione:
È possibile attivare o disattivare gli elementi di navigazione, modificare il tipo e il colore delle frecce nella sezione del pannello di amministrazione Sito web → Design → Editor di design, voce Global styles, scheda Blocks and navigation, sottosezione Banners navigation.