Responsive su scheda prodotto 
Autor: Davide P.
Visitado 130,
Followers 1,
Compartido 0
Chiedo aiuto. Sul sito ecommerce : modellismopolo.it.
Nella visualizzazione delle schede prodotti, se visionate da pc e tablet, vedo in anteprima la descrizione che devo scorrere e se clicco su descrizione si apre la scheda completa. Ma visionando con un telefonino si apre subito la scheda complete senza l'anteprima. Ho cercato se era possibile come responsive specificare altro ma non ho trovato nulla. Chiedo se qualcuno ha effettuato la prova o dove si debba intervenire. Grazie a tutti.
Publicado en
... cioè...!?... ... tu vorresti che nelle risoluzioni smartphone il campo testo descrizione si vedesse in sviluppo verticale ridotto ma scrollabile per vederlo tutto, come nelle risoluzioni superiori...?...
... se è sì, si potrebbe fare con codice EXTRA...
... ma prima di passare al codice EXTRA, vedendo che tu ha l'ultimo breakpoint a 480 pixel, prova ad aggiungere un ultimo breakpoint per esempio a 360px (o quello che preferisci (340, 320, ecc.), quindi controlla se ha raggiunto il tuo scopo...
... fai sapere del risultato... ciao
Autor
Ci provo subito e riferisco, per ora grazie.
Autor
Rimane fino ad una risoluzione di 430. Sotto elimina la visione con le schede ridotte. Ma se entro con telefonino nel sito si imposta con visione estesa. Il problema è la comodità di visione iniziale, la clientela che non è giovanissima si lamenta (hahahaha). Grazie di idea alternativa con codice EXTRA. Il problema che non ho idea cosa va indicato e dove. Se avete altre informazioni ringrazio anticipatamente.
... OK ... prova con questo codice, limita luce scroll a 150px, e si attiva al breakpoint 480px:
<style>
@media (max-width: 480px) {.im-cc-products-description {max-height:150px !important;overflow-y: scroll !important}}
</style>
... visto che sono diverse pagina con simili schede, per fare in modo che il codice si attivi su tutte le pagine con quel tipo di descrizione, incolla il codice al Passo_1 | Statistiche e Codice | scheda Codice | > Codice personalizzato > terza opzione: Prima della chiusura del Tag /HEAD
.
ciao
.
Autor
Ok grazie subito. Messo ora succede che se apro la scheda prodotto rimane con lo scroll, e non si apre a tutta pagina. Se hai ulteriori specifiche grazie. Poi devo pagarti cappuccino e brioche! Grazie per l'aiuto
... scusa, non so se ho capito...
... il mio codice era per le pagine normali, relative tipo al mio STAMP...
https://modellismopolo.it/product/?hobbyzone-aeroscout-s2-1-1m-safe-rtf
... allora devi incollare lo stesso codice al Passo_3 anche nelle Proprietà della Pagina Speciale E-commerce: Scheda Prodotto
.
... nel caso fai sapere ...
.
ciao
.
Autor
Grazie ho provato ed inserito come mi hai detto. Il risultato non cambia. Ovvero per esempio ti allego un prodotto:
https://modellismopolo.it/product/?proxxon-27088-sega-a-traforo-ds-230-e--sega-elettrica-85-w,-lame-per-sega-incluse,-piano-di-lavoro-160-x-160-mm-
Se cerco cu pc, tablet o con telefonino messo orizzontalmente nel elenco li vedo con schede ridotte e scrollabili, ed entrando nella scheda si allargato completamente (come vorrei che sia).
Invece se eseguo la stessa operazione con telefonito verticale entrando nella scheda resta scrollabile senza aprire tutta la scheda.
Dovrei impostare in qualche modo la apertura totale solo alla apertura della scheda. Chiedo scusa dell'insistenza e grazie ancora dell'aiuto.
Autor
Allego anche la pagina di partenza ove si vedono più prodotti scrollabili. Grazie
https://modellismopolo.it/attrezzatura-e-utensili-.html
Buongiorno Davide,
per una migliore fruibilità della scheda prodotto, potresti valutare di inserire il testo con tutte le informazioni sul modello nella sezione Dettagli del prodotto, anche divisi in più schede, anziché nella Descrizione breve, dove potresti inserire un testo più ridotto.
Autor
Grazie del consiglio provo vedere, se cambia. Era la semplice comodità. Ma il problema è solo da parte di alcuni utenti che chiedono che non vedono bene... Ma ci provo. grazie ancora anche a te Eric ed al super Moderatore.
... prova il suggerimento Eric, ... e poi, ...tornando alla tua segnalazione rimanendo sulla stessa base, attualmente vedo dal tuo LINK che lo scroll parziale è attivo anche sotto ai 430px, grazie alo mio codice, che però si attiva già dai 480px...
... la pagina in questione considerata per esempio è questa:
https://modellismopolo.it/scuola.html
... e questo comportamento in questa pagina della lista dei prodotti mi sembra che ti vada bene...
... adesso, per poter io capire, tu vuoi che quando si apre la scheda del singolo prodotto vuoi che la relativa descrizione sia già espansa, praticamente come lo era prima normalmente senza codice...?...
... infatti prima ti avevo chiesto su questo aspetto relativamente alle pagine speciali product...
...!... a proposito,nelle proprietà delle pagine speciali togli il codice in più, perchè ho visto che eredita già quello del Passo_1...!...
----
... quindi, se io ho inteso correttamente, scroll parziale nella lista, e scroll aperto nella scheda individuale, allora devi togliere il precedente codice dal Passo_1, ed inserirlo lista per lista nelle varie pagine con il catalogo o lista dei prodotti...
... in questo modo il mio codice si attiverà solo nelle liste e non nelle schede individuali...
... fammi sapere come va...
,
ciao
.
Autor
Grazie a tutti con l'ultimo suggerimento di KolAsim , sono arrivato allo scopo ed ho risolto il mio problema. Grazie