Dettagli Scheda prodotto testo non giustificato
Autore: Fabrizio Ciccarelli
Visite 762,
Followers 2,
Condiviso 0
Buon pomeriggio, nella pagina "Scheda prodotto", sezione "Dettagli", scrivo il testo con allineamento giustificato. In anteprima, risoluzione smartphone, il testo si vede regolarmente giustificato ma se guardo l'anteprima sullo smartphone attraverso il QrCode oppure lo pubblico, il testo è tagliato.
Inoltro screenshot della parte interessata e il link della pagina.
https://www.cafonline.eu/product/?naspi
Grazie anticipatamente a chi potrà aiutarmi...
Postato il
non so se riesci con i margini da programma, ho provato con 20px sembra migliorare
Autore
Secondo me è un bug perchè ho già avuto un problema simile con un altro prodotto e ho risolto aggiungendo una nuova scheda, senza formattazione. Questa volta però sembra non ci riesco.
anche qui purtroppo se non trovi soluzione possiamo provare con del codice
potrebbe essere l'elenco puntato che sballa il testo
Autore
Guarda qui:
https://www.cafonline.eu/product/?assegno-unico
questa scheda pure ha l'elenco puntato e si legge bene, il testo non appare tagliato. Mistero della fede...
... se non riesci con le opzioni del programma e se ti interessa procedere per risolvere con uno dei miei codici EXTRA, ...avvisami...
.
al limite tenta con questo sempre nella scheda prodotti
<style>
@media (max-width: 479px) {
#details .text-container { margin: 20px!important;}
}
</style>
Autore
Ho provato il tuo codice e non risolve il problema
è online?
se online non vedo il codice inserito
Autore
Non era online perchè lo avevo provato con l'anteprima sullo smartphone. Adesso l'ho pubblicato.
prova con 30px
se non riusciamo attendiamo il maestro KolAsim
Autore
Già fatto e il risultato è peggio, purtroppo.
Autore
Giancarlo sei molto bravo e disponibile ma devo convenire con te che KolAsim è un maestro. Ho avuto modo di apprezzare le sue doti già in precedenza.
Al momento comunque sto risolvendo creando un altro prodotto e copiando e incollando tutti i dati. Sembra che così funzioni. E' un vero e proprio bug.
... OK ... nella pagina che hai adesso online, ...togli il codice che hai inserito, ed usa al suo posto questo:
<style>
#im-product-container div {word-break:break-word!important;width:auto!important;min-width:0px!important}
</style>
.
ciao
.
Autore
Sotto va pure bene ma è sopra che ha smosso tutto.
... in simulazione mi si presenta così:
.
... prova con questa variante; ...dovrebbe agire solo sul TAB:
<style>
.container-details *{word-break:break-word!important;width:auto!important;min-width:0px!important}
</style>
.
Autore
Anche questa volta sembra che tu abbia fatto centro. Complimenti e grazie...