Jump to content

Dimensione immagine in 'Descrizione' prodotto per tablet e cellulare


m.vicovanu

Recommended Posts

Buongiorno,

 

controllando le immagini inserire nella Descrizione di ogni prodotto su cellulare e tablet, ho notato che l'immagine ( nel mio caso si tratta di immagini di tabelle ) non vengono addattate al formato necessario e non si ha nemmeno la possibilità di rimpicciolire manualmente. Esiste un format massimo consigliato? Qualcuno mi può dare un consiglio? Allego screenshot.

 

Grazie

 

post-1124961-0-33478100-1470292228_thumb.png

Link to comment
Share on other sites

Qualora il tema che utilizzi sia basato sul framework Bootstrap, potrebbe essere sufficiente:

  1. Editare il prodotto o la pagina dove, nel contenuto, inserisci l'immagine
  2. Utilizzare il tasto "Codice Sorgente" (</>) dell'editor
  3. Aggiungere all'interno del tag img la classe img-responsive
    Esempio:
    <img class="img-responsive" src="http://www.tuosito/percorso/tua-immagine.png" alt="" height="xxx" width="yyy" />
    

Oppure, potresti automatizzare il tutto imponendo, all'interno del file global.css una regola per le immagini che si trovino contenute in una particolare porzione del template.

Per la pagina prodotto, potresti provare ad inserire alla fine del file global.css la seguente regola:
 

div.rte .img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

 

  • Like 1
Link to comment
Share on other sites

Per cortesia mi puoi aiutare per trovare una soluzione per caricare le mie tabelle? Al momento le immagini non si adattano al cellulare e tablet, e non si ha nemmeno la possibilità di spostarle o rimpicciolirle. Ci sarà un'altra soluzione ma che a me non viene in mente in questo momento?

Link to comment
Share on other sites

Controllando l'output della pagina ed il file global.css, sembra che in esso vi sia ancora la vecchia regola:
 

div.rte .img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

che invece deve essere modificata in:
 

div.rte img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
Link to comment
Share on other sites

La regola sembrerebbe funzionare: ridimensionando un browser da desktop l'immagine si autoadatta in maniera proporzionale.
 

Ciò non accade da dispositivo mobile: controlla che in Preferenze > Temi: tab MOBILE, sia disattivata l'opzione "Attiva tema mobile" ma
potrebbe essere dovuto all'utilizzo delle tab o a qualche regola css del tema utilizzato...

Link to comment
Share on other sites

  • 4 years later...

Salve,

mi unisco anch'io alla discussione perchè ho un problema di formattazione delle foto, video e tabelle quando quest'ultime vengono visualizzate da palmare. In pratica non vengono adattate allo schermo del palmare. C'e' qualche soluzione?

Prestashop 1.7.6 e tema basato su LeoTheme (Kinzy)

 

Saluti e grazie.

Tony - B2B DRONE - www.b2bonline.it

 

 

Edited by Tony M. (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...