Questo articolo è disponibile anche in:

Come usare layout del banner diversi su mobile e desktop (nuova versione)

Panoramica

Molti controlli di Layout e Style supportano un override mobile, così i telefoni non sono costretti a usare la finestra del desktop.

Su desktop potresti usare un avviso Wide o Box. Su un telefono, la stessa larghezza può coprire la pagina prodotto. Il Nuovo Banner ti permette di lasciare il desktop com'è e di scegliere un Bar, una dimensione più piccola o una posizione diversa su mobile.

I controlli che lo supportano mostrano una piccola coppia di icone desktop e mobile. L'icona desktop modifica il valore condiviso e l'icona mobile modifica un valore solo per mobile (Mobile same as desktop vs Mobile different from desktop).

Nuovo Banner. Per gli store con il nuovo banner (Cookie banner mostra le schede Layout, Content, Style e Advanced). Per il Legacy Banner, consulta Come passare al nuovo banner o tornare alla versione precedente.

Prima di iniziare

Verifica di essere sul Cookie banner con le nuove schede del banner (Layout, Content, Style, Advanced).
Usa l'interruttore Desktop / Mobile dell'anteprima mentre modifichi. Consulta Usare la modalità anteprima live del banner.

Imposta il mobile in modo indipendente

Apri Admin Shopify > App > Pandectes GDPR Compliance.
Vai su Cookie banner.
Apri Layout (e Style se vuoi anche colori, padding o loghi diversi su mobile).
Trova un controllo con la coppia di icone desktop e mobile (per esempio Reverse order sotto Buttons).
Clicca l'icona mobile così diventa Mobile different from desktop.
Imposta il valore mobile (aspetto, posizione, dimensione, layout dei pulsanti e così via).
Ripeti per ogni controllo che vuoi sovrascrivere.
Salva.

Override di Layout più comuni:

Avviso cookie Appearance (Box, Bar, Wide)
Position
Width (da XS a XL)
Layout dei pulsanti
Aspetto delle preferenze (box, drawer, sidepanel)

Override di Style più comuni:

Spaziatura, raggio e float
Dimensione del font
Dimensione dei pulsanti

Configurazione mobile consigliata

Preferisci un Bar in basso su mobile così le immagini dei prodotti restano visibili.
Tieni Accept e Decline su una sola riga quando puoi.
Verifica la posizione del widget del consenso così non copre Add to cart o una bolla della chat.

Verifica