Oltre ai parametri precedentemente analizzati, per le voci di menu “Cart”, “Wishlist” e “Comparator”, relative rispettivamente al Carrello alla Wishlist e al Comparatore, è possibile gestire anche le seguenti immagini:

• Immagine menu offcanvas carrello (wishlist / comparatore) pieno: definisce l’icona rappresentativa della corrispondente voce di menu che dovrà, eventualmente, essere visualizzata nel menu nativo dell’applicazione nel momento in cui l’utente dovesse aggiungere articoli in carrello / wishlist / comparazione
• Immagine menu barra di navigazione carrello (wishlist / comparatore) pieno: definisce l’icona rappresentativa della corrispondente voce di menu che dovrà, eventualmente, essere visualizzata nella Barra di Navigazione nel momento in cui l’utente dovesse aggiungere articoli in carrello / wishlist / comparazione
• Immagine Dashboard carrello (wishlist / comparatore) pieno: definisce l’icona rappresentativa della corrispondente voce di menu che dovrà, eventualmente, essere visualizzata nella Dashboard dell’App nel momento in cui l’utente dovesse aggiungere articoli in carrello / wishlist / comparazione

Per le voci di menu in esame (carrello / wishlist / comparatore) è quindi possibile gestire, di base, due diverse icone da utilizzare a seconda del fatto che, ad esempio, siano presenti o meno articoli in carrello.

Ora, nel caso in cui l’esigenza dovesse essere non più quella di utilizzare semplicemente due icone differenti per i due diversi stati (“carrello pieno” e “carrello vuoto”), ma bensì quella di visualizzare a fianco della relativa icona anche un numero per indicare gli articoli attualmente presenti in Carrello / Wishlist / Comparatore sarà allora necessario gestire un set di immagini già comprensive del relativo numero.

Tali immagini dovranno essere localizzate all’interno della stessa cartella e dovranno avere tutte lo stesso nome file seguito da un ben preciso numero progressivo (che indicherà quando quell’immagine dovrà effettivamente essere utilizzata).

In questo senso una volta importato un set di icone in “Gestione Risorse” troveremo, come detto, la cartella Passweb-App con all’interno lo schema di sotto cartelle con le icone da utilizzare per le varie voci di menu.

Nello specifico all’interno delle cartelle “Cart”, “Comparator” e “Wishlist” troveremo i seguenti seti di icone:

• bar.png / offcanvas.png / dashboard.png:

icona del carrello/comparatore/wishlist con a fianco il numero 0 . (da utilizzare quando il carrello/comparatore/wishlist è vuoto)

• bar-f.png / offcanvas-f.png / dashboard-f.png:

icona del carrello/comparatore/wishlist con a fianco il numero 10+ (da utilizzare quando il carrello/comparatore/wishlist contiene più di 10 articoli)

• bar-f_1.png / offcanvas-f_1.png / dashboard-f_1.png

icona del carrello/comparatore/wishlist con a fianco il numero 1 (da utilizzare quando il carrello/comparatore/wishlist contiene un articolo)

• bar-f_2.png / offcanvas-f_2.png / dashboard-f_2.png

icona del carrello/comparatore/wishlist con a fianco il numero 2 (da utilizzare quando il carrello/comparatore/wishlist contiene 2 articoli)

• …
• bar-f_10.png / offcanvas-f_10.png / dashboard-f_10.png

icona del carrello/comparatore/wishlist con a fianco il numero 10 (da utilizzare quando il carrello/comparatore/wishlist contiene 10 articoli)

ATTENZIONE! Eventuali ulteriori icone per i set in esame dovranno essere caricate all’interno della stessa cartella

In queste condizioni quando il carrello/comparatore/wishlist è privo di articoli l’applicazione utilizzerà l’immagine bar.png / offcanvas.png / dashboard.png.

Nel momento in cui l’utente aggiungerà il primo articolo in carrello l’applicazione utilizzerà automaticamente l’immagine bar-f_1.png / offcanvas-f_1.png / dashboard-f_1.png.

Allo stesso modo se l’utente dovesse aggiungere un secondo articolo verrà utilizzata l’immagine bar-f_2.png / offcanvas-f_2.png / dashboard-f_2.png e così di seguito fino a che l’utente arriverà ad aggiungere 10 articoli in carrello.

A questo punto se l’utente dovesse andare ad aggiungere un ulteriore articolo, utilizzando la stessa logica, l’applicazione andrà a cercare l’immagine bar-f_11.png / offcanvas-f_11.png / dashboard-f_11.png immagine questa che però non è stata gestita.

Non trovando tale immagine verrà quindi utilizzata quella di default per il carrello pieno ossia bar-f.png / offcanvas-f.png / dashboard-f.png (che come da impostazioni è quella comprensiva del numero 10+)