Cum adaug in magazin un banner de tip Multi-icon?

Bannerele de tip Multi-icon sunt compuse dintr-o singura imagine de tip colaj, creata automat pe baza mai multor icon-uri incarcate separat. Acestea pot fi adaugate in cadrul bannerelor Standard, in pozitiile Page top, respectiv Custom.

Pentru exemplificare, vom prezenta scenariul adaugarii unui banner de tip Multi-icon intr-un banner Standard, in pozitia Page top.

1. Mergi in Website > Bannere;

2. Acceseaza meniul asociat butonului Adauga banner si da click pe optiunea Adauga banner standard;

   
   

   

3. In overlayer, da click pe optiunea Page top si apoi pe optiunea Multi-icon;
4. Introdu o denumire folosita pentru identificarea interna;
5. Selecteaza limba pentru care va fi afisat banner-ul (daca ai adaugat in magazin mai multe limbi suplimentare, banner-ul va fi afisat doar pentru limba pe care o selectezi in aceasta setare);
6. In setarea Locatie selecteaza daca vrei ca banner-ul Multi-icon sa fie afisat in Toate paginile magazinului sau doar in anumite pagini (Homepage, Pagina categorie, Pagina brand, Cart etc);
7. Activeaza optiunea Wide content daca vrei ca banner-ul sa se desfasoare pe toata lungimea ecranului;
8. In sectiunea Continut banner, acceseaza butonul Adauga imagine si incarca iconurile care vor compune bannerul. La adaugarea fiecarui icon in parte vei regasi urmatoarele optiuni de incarcare:
   • Standard - vei putea seta un atribut ALT pentru imagine, sa asociezi URL-ul catre care va directiona imaginea si sa selectezi daca vrei ca URL-ul sa se deschida in aceeasi fereastra (optiunea Self) sau intr-o fereastra distincta (optiunea Blank);
   • Html - suplimentar fata de adaugarea unui banner standard vei putea sa adaugi un titlu si un text suplimentar, precum si sa setezi culorile acestor texte si ale fundalului pe care vor fi afisate;
9. Selecteaza in continuare formatul bannerului pe care vrei sa il adaugi;
10. Introdu apoi numarul de pixeli cu care vrei sa spatiezi bannerul fata de continutul existent in partea superioara (Spatiere top), respectiv fata de continutul existent in partea inferioara (Spatiere bottom);
11. Defineste in continuare culoarea si grosimea marginii (border) a banner-ului Multi-icon, precum si spatierea continutului fata de marginile containerului (Spatiere continut);
12. Optional, adauga o Clasa CSS aditionala pentru banner;
13. Suplimentar, din setarea Valabilitate poti defini perioada in care bannerul va fi afisat in shop (la expirarea acesteia, bannerul va fi dezactivat in mod automat de la afisare);
14. Selecteaza apoi daca doresti ca banner-ul sa fie afisat pe orice dispozitiv sau doar pe Desktop ori Mobile;
15. In setarea Status, optiunea Activ este selectata in mod implicit. Daca selectezi optiunea Inactiv, bannerul nu va mai fi afisat in website;
16. Apasa Salveaza.