Cu ajutorul editorului de design, puteți seta parametri separați pentru versiunea mobilă a site-ului dvs. web care vor fi diferiți de versiunea desktop. În special, puteți modifica ordinea de afișare a blocurilor pe pagina principală, puteți configura bannere diferite pentru dispozitivele mobile, puteți muta elemente pe pagina produsului etc.

Puteți personaliza designul pentru versiunea mobilă în Website → Design → Editor de design → Mobile version.

Aici puteți personaliza aproape toate aceleași părți ale versiunii mobile ca și ale celei pentru desktop:

În această filă, puteți seta propriile fonturi și fundaluri de pagină pentru versiunea mobilă, precum și să adăugați accente de culoare la meniul derulant de acțiuni, să schimbați culorile insignelor de cantitate din filtru sau din secțiunea de recenzii a paginii produsului.

Antetul este un bloc prin partea de sus care este afișat pe toate paginile site-ului. Antetul pentru versiunea mobilă are o structură specială adaptată la nevoile unui vizitator aflat pe un dispozitiv mobil.

Puteți seta culoarea de fundal, culoarea elementelor și una dintre cele trei opțiuni pentru lățimea antetului în pixeli.

Antetul pentru versiunea mobilă are trei secțiuni de lățime egală. În această filă de setări, puteți dezactiva anumite elemente ale antetului, precum și să le amestecați între secțiunile (coloanele) antetului.

Antetul în versiunea mobilă poate conține cele mai importante elemente funcționale care sunt prezente pe desktop, și anume:

În această filă, puteți personaliza afișarea vizuală a meniului și nivelul de afișare a categoriilor imbricate în meniul catalogului în panoul funcțional pop-up.

În versiunea mobilă a site-ului, footer-ul are un aspect simplificat. Pentru subsolul paginii, puteți seta culoarea de fundal, culoarea elementelor din acesta și culoarea linkurilor — de exemplu, un link către versiunea completă a site-ului.

În blocul Homepage din editorul de design, puteți vedea ordinea blocurilor și a bannerelor de pe pagina de pornire a versiunii mobile a site-ului dvs. De asemenea, acesta arată care dintre blocurile disponibile sunt activate.

Puteți modifica ordinea blocurilor și a bannerelor pe pagina de pornire prin glisarea blocurilor în locații noi.

Puteți vedea setările de stil disponibile pentru bloc făcând clic pe bara blocului - panoul cu setările pentru bloc se va extinde.

Citiți mai multe despre toate blocurile posibile ale paginii de pornire în articolul separat.

Puteți adăuga orice număr de spații pentru plasarea bannerelor — linii de bannere — la pagina de pornire.

Pentru a adăuga o nouă linie de banner:

Linia bannerului nu va fi afișată pe site până când nu adăugați imaginile corespunzătoare în Website → Bannere.

Pentru pagina de catalog din versiunea mobilă, puteți seta parametrii pentru afișarea următoarelor elemente:

Pe dispozitivele mobile, mini-cardul nu se modifică atunci când treceți cu mouse-ul peste el, așa că am adăugat opțiuni care vă permit să modificați informațiile de pe card special pentru dispozitivele mobile.

Aspectul paginii produsului în versiunea mobilă constă în patru secțiuni, pe care le puteți vedea în această filă de setări. Pe telefoanele mobile, secțiunile sunt plasate secvențial una după alta: sus, stânga, dreapta și, în final, jos. Pe tablete, secțiunile din stânga și din dreapta vor fi plasate una lângă alta.

Pentru versiunea mobilă a site-ului, puteți modifica amplasarea grupurilor de elemente și a elementelor individuale în aspectul paginii prin mutarea panourilor de elemente între secțiuni și schimbarea ordinii acestora, precum și activarea/dezactivarea elementelor individuale, după cum este necesar.