FROM CACHE - it_header

problema di visualizzazione presentazione su mobile

domenicoferrara
Nuovo membro
5 0 0

Salve, ho un problema sulla visualizzazione da dispositivi mobili del blocco 'presentazione' che da desktop è perfetto ma da mobile viene tagliato e non adattato al versione mobile. lascio foto qua sotto di entrambe

sus.pngScreenshot 2023-07-12 115903.png

5 RISPOSTE 5

ennovative-it
Shopify Partner
87 10 8

Ciao!

 

Qual'è il link del tuo store?

federico03
Shopify Partner
1 0 0

Securitytrace.it

ennovative-it
Shopify Partner
87 10 8

Scusami ma su questo link non trovo gli screenshot inviati su

domenicoferrara
Nuovo membro
5 0 0

Ciao, 

https://www.milazzo2.com/ 

grazie

_Filo_
Shopify Staff
129 9 39

Salve @domenicoferrara,

 

Sono Filo, faccio parte del Team di Supporto Shopify, e sarà mia cura rispondere alla tua richiesta di assistenza. Ti ringrazio per aver incluso il link al sito del tuo negozio.

 

È un comportamento atteso il fatto che una presentazione come lo slideshow incluso nell'home page del tuo negozio sia visualizzata in modo diverso quando si accede al sito da dispositivi desktop e da dispositivi mobile. La presentazione include un'immagine (o più d'una) con un orientamento marcatamente orizzontale, ed è quindi naturale che essa appaia ritagliata quando si utilizza un dispositivo mobile, ovvero qualsiasi dispositivo che abbia un orientamento primariamente verticale. Questo si verifica con sezioni dei temi come la Presentazione oppure Banner immagine, ed è inevitabile che appiano diverso a causa delle diverse proporzioni (e non solo delle diverse dimensioni) dello schermo utilizzato dall'utente.

 

Ho registrato un brevissimo video per mostrare come l'orientamento del dispositivo (e quindi le diverse proporzioni dello schermo utilizzato per visualizzare il sito) implichino una diversa visualizzazione delle immagini in questione, e in definitiva una diversa esperienza utente.

 

Un buon punto di partenza per trattare questo argomento è un articolo pubblicato sul blog di questa Community e dedicato appunto alle precauzioni da adottare quando si progetta un sito che verrà visualizzato su dispositivi mobile. Voglio in particolare portare la tua attenzione sulla sezione di questo articolo dedicata appunto alla progettazione del sito tramite l'editor del tema, in cui troverai indicazioni sugli strumenti a tua disposizione che potrai utilizzare per assicurarti che il design del tuo sito sia adeguato su entrambe le modalità di visualizzazione, desktop e mobile. Il punto fondamentale è che per visualizzare un'immagine che si sviluppa in orizzontale su uno schermo molto stretto come quello di un telefono (assumendo che venga utilizzato primariamente in verticale) sono possibili due alternative:

 

  • ridurre drasticamente la dimensione dell'immagine, in modo che la larghezza del banner rientri nella larghezza dello schermo
  • "tagliare" l'immagine in modo da mantenerne inalterate le dimensioni e inquadrarne solo una parte

Data la dimensione ridotta degli schermi dei dispositivi portatili la seconda opzione è generalmente preferibile da un punto di vista dell'usabilità del sito, soprattutto se l'immagine non è puramente decorativa ma include informazioni sulla navigazione (link, pulsanti con call to action, etc). Questo implica tuttavia che le informazioni rilevanti dell'immagine siano posizionate in modo da essere visibili anche quando questa viene "ritagliata". Un accorgimento da utilizzare per assicurarsi che la porzione di immagine fondamentale per gli obiettivi del negozio sia sempre visibile è quello di impostare un punto focale dell'immagine. Questa è una funzionalità compatibile con le versioni più recenti dei temi gratuiti sviluppati da Shopify. Temi di terze parti potrebbero supportare questa funzionalità, ma dovrai verificare la documentazione del tema per avere conferma.

 

Segnalo infine che sulle versioni più recenti dei temi sviluppati da Shopify la configurazione della presentazione su Layout = larghezza intera / Altezza slide = Adatta alla prima immagine permette di mostrare l'immagine a tutta larghezza anche nella visualizzazione mobile. Se stai utilizzando un tema di Shopify ti invito a verificare se hai selezionato queste opzioni, oppure, qualora l'esito non sia quello atteso, assicurati di aggiornare il tema per beneficiare di questa funzionalità.

 

Facci sapere se hai bisogno di ulteriore assistenza su questo punto, e non esitare a contattarci direttamente dal portale del Servizio di Assistenza Shopify utilizzando l'indirizzo email registrato sulla piattaforma qualora tu abbia necessità di assistenza in merito all'uso di funzionalità specifiche per il tuo tema. In seguito alla ricezione di una richiesta pienamente autenticata avremo infatti modo di accedere al Pannello di controllo del tuo negozio e assisterti in modo più specifico. Puoi fare riferimento a questa conversazione per offrire maggiore contesto ai colleghi che riceveranno la tua richiesta di assistenza.

Filo | Shopify 
 - La mia risposta ti è stata utile? Clicca su Mi piace per farmelo sapere!
 - Abbiamo risposto alla tua domanda? Seleziona Accetta come soluzione
 - Per maggiori informazioni, visita il nostro Centro di assistenza in italiano o il Blog Shopify