WebSite X5Help Center

 
Frederic P.
Frederic P.
User

Ordinamento oggetti nella pagina alle varie risoluzioni  it

Autore: Frederic P.
Visite 2020, Followers 1, Condiviso 0  

Buonasera, vorrei inserire in una home page oggetti alternati (tipo scacchiera) foto e testo affiancati orizzontalmente (50%+50%) e nella riga successiva inverendo l'ordine prima testo e poi foto e così via in modo alternato per ogni riga successiva.

FOTO - testo

testo  - FOTO

FOTO - testo

.....

Purtroppo riducendo la dimensione della finestra a dimensione tablet o smartphone alla fine ottengo foto su una riga testo sulla riga successiva, poi a seguire nuovamente testo e foto e così a seguire.

FOTO

testo

testo

FOTO

......

Ho provato a modificare le impostazioni nella sezione responsive ma l'opzione ordine oggetti  a risoluzioni adatte a dispositivi quali tablet e mobile non è selezionabile.

Mi potreste aiutare?

Qui il link delle prove:

http://www.lombardoserramenti.it/test2/

Grazie

Postato il
9 RISPOSTE - 1 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... in base alla disposizione  e quantità degli oggetti nella riga (nr.ogg. 1,2,3) ed in base ai tre breakpoint impostati, non puoi aver altra impaginazione di quella che hai impostato...
... con la v.13_PRO avresti 10 breakpoint da impostare liberamente...

(nota personale: ...tra gli altri codici extra, vedo che hai usato anche quello del mio div_custom+iframe dinamico, vanificandone la dinamicità, ridotto negli effetti a quello con altezza fissa di base che avevo pur sempre anzitempo proposto, e che comunque si presenta bene...)
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Ciao, tu vorresti che si dispongano così gli oggetti alle risoluzioni responsive?

FOTO

testo

FOTO

testo?

Se è quello che intendi si può fare, io qui ho realizzato la disposizione come ti ho descritto sopra ed inizialmente ho a scacchiera:

FOTO - Testo

Testo - FOTO

vedi un po': http://www.vivaiopolignano.com/  in HOME nella sezione "Perchè scegliere i nostri prodotti"

Fammi sapere, se è quello che intendi poi ti dico come fare. Ciao ciao

Leggi di più
Postato il da Giuseppe Guida
Frederic P.
Frederic P.
User
Autore

Buonasera, grazie per le risposte.

Si Giuseppe è proprio quello che vorrei realizzare, mi potresti dire come procedere?

Grazie 

Leggi di più
Postato il da Frederic P.
Giuseppe Guida
Giuseppe Guida
User

OK, più tardi inserisco un video su Youtube e ti metto qui il link così vedi come fare. Non è difficile in fondo. A dopo

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Ah scusami, tu hai la versione Evolution... Non puoi attivare le interruzioni di riga (tranne se non lo fai con del codice esterno e credo che tu lo abbia fatto con del codice esterno sul tuo sito, diversamente non credo si sarebbero posizionati uno sotto l'altro gli oggetti testo/immagine).

Il tutorial ti fa capire ugualmente come procedere per risolvere il problema, solo che non puoi utilizzare le interruzioni di riga da programma ma dovrebbe funzionare se tu hai inserito le interruzioni di riga con codice extra.

Questo è il link del video: https://youtu.be/bySi7yO3_nE

Fammi sapere.

Leggi di più
Postato il da Giuseppe Guida
Frederic P.
Frederic P.
User
Autore

Non riesco a vedere il video, compare la scritta che non è disponibile.

Comunque per maggior chiarezza allego immagine dei breakpoint impostati, non posso impostare l'ordine di visualizzazione nelle risoluzioni diverse da quelle desktop.

Leggi di più
Postato il da Frederic P.
Giuseppe Guida
Giuseppe Guida
User

Scusami lo avevo messo come privato invece che come "non in elenco"... ora dovresti vederlo se clicchi sul link

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Quando fai l'ordinamento (è spiegato nel video) devi invertire l'ordinamento tra le caselle Testo e Immagine... cioè se l'Ordinamento normalmente è questo:

3   -  4

5   -  6

tu con la funzione "ordinamento" attivata dopo la prima coppia testo/immagine (3 e 4) non devi cliccare su 5 e poi 6 per continuare l'ordinamento ma dopo 4devi cliccare su 6 (che diventerà 5!) e poi clicchi su 5 (che sarà diventato invece 6), inverti 5 e 6 in pratica e poi fai anteprima e vedi alle varie risoluzioni

Leggi di più
Postato il da Giuseppe Guida
Frederic P.
Frederic P.
User
Autore

Grazie ho già effettuato tutte le prove e combinazioni il problema è solo ngli ultimi due breakpoint da 960px in giù:

impostando gli oggetti nella pagina secondo questo ordine

3 FOTO - 4 testo

5 FOTO - 6 testo

e nella sezione responsive impostando l'ordine corretto 3 - 4 - 6 - 5 funziona tutto finchè non si riduce la finestra del browser ai breakpoit sopra indicati.

Infatti scendendo di risoluzione ottengo sempre questa sequenza

3 FOTO

4 testo

6 testo

5 FOTO

Ho fatto diversi tentativi ma alla fine credo che l'unica soluzione sia quella di inserire l'oggetto testo che si estenda a tutta la riga ed al suo interno inserire la foto cambiando l'ordine di allineamento interno dell'immagine.

Anche se questa soluzione limita la mia necessità di inserire non una foto ma piccole slide con effetti.

Grazie

Leggi di più
Postato il da Frederic P.