Autore Topic: Shaper_Helix3 e compatibilità con dispositivi mobili  (Letto 1693 volte)

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Salve a tutti, ho un problemino alquanto spinoso che ancora non son riuscita a risolvere malgrado aver letto vari post riguardanti il template Shaper_Helix3, ma evidentemente il problema è mio che non lo so configurare...  >:(

Sto realizzando un sito internet con l'ultima versione di J! 3 e con la versione aggiornata di questo template veramente molto versatile e configurabile con facilità.

Il problema è che se io imposto come predefinito uno dei due template-base della versione J! non ho alcun problema di visualizzazione del sito su qualsiasi dispositivo mobile, che esso sia iOS o Android  ;)

Invece quando imposto come predefinito il template Shaper_Helix sui suddetti dispositivi le pagine si vedono a metà o piccola porzione e non si può in alcun modo modificare la dimensione in meno, più grande sì ma più piccola no (anche questo è un mistero...), quindi non si vedono parti delle pagine ma neanche il menu... insomma un disastro!  :(
Questo ovviamente mi sta facendo impazzire perché ho provato a modificare tutto quello che mi è parso che si possa modificare nella configurazione del template, il quale viene presentato come responsive...
Ma responsive de ché?  >:(
Non ho trovato da nessuna parte un pulsante di attivazione o di disattivazione che possa rendere responsive (per l'appunto) o meno il sito, sembra che il template sia già responsive di per sè, ma intanto a me non funziona.
Qualche idea?
Thanks  ;)
« Ultima modifica: 15 Feb 2017, 19:05:12 da RedMac »
Think Positive!!! :-)

Offline adottauncane

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 17696
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #1 il: 15 Feb 2017, 12:16:55 »
Ciao,
che template usi, Helix3?
Perché non trovo nessun Shaper tra i template del framework.
Poi serve un link al sito.

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #2 il: 15 Feb 2017, 13:13:33 »
Ciao e grazie per avermi risposto.
Il template è questo: https://www.joomshaper.com/joomla-templates/helix3

Il sito invece è questo: http://www.ciuriciurimare.com/

Thanks :-)
Think Positive!!! :-)

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 4985
  • "Bastard Inside"
    • Mostra profilo
    • redwebsite
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #3 il: 15 Feb 2017, 13:35:40 »
Ciao, adottauncane sicuramente vede meglio  :) ma..., secondo me il problema sono i contenuti inseriti, cioè come sono stati inseriti c'è qualche codice "strano" che non li rende responsive

Offline adottauncane

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 17696
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #4 il: 15 Feb 2017, 13:35:51 »
Per impaginare hai usato delle tabelle...
Non si usano le tabelle.
Puoi fare una posizione per ogni immagine, oppure usare i float per impaginarle.
Il template è perfettamente responsive... Non c'è nessuna attivazione da fare.

Offline adottauncane

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 17696
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #5 il: 15 Feb 2017, 13:36:16 »
Ciao $Red  :)

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 4985
  • "Bastard Inside"
    • Mostra profilo
    • redwebsite
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #6 il: 15 Feb 2017, 13:39:00 »
Ciao adottauncane  :)
Per impaginare hai usato delle tabelle...
Non si usano le tabelle.
Puoi fare una posizione per ogni immagine, oppure usare i float per impaginarle.
Il template è perfettamente responsive... Non c'è nessuna attivazione da fare.
ecco appunto  :D magari se guardavo l'html della pagina mi accorgevo anche io delle tabelle, forse, molto forse  ;D

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #7 il: 15 Feb 2017, 14:04:37 »
Grazie mille adottauncane... È la prima volta che impagino un sito con questo template ed usando le tabelle, ecco perché non riuscivo a capire...
Rifaccio tutto... Thanks :-)
Think Positive!!! :-)

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #8 il: 15 Feb 2017, 19:13:45 »
Scusa Adottauncane, il problema persiste perché non posso modificare l'impaginazione con le tabelle in quanto questo sito poi sarà aggiornato da altri.
Per caso conosci un template simile a Helix ma che supporta le tabelle responsive? Cioè che si possa facilmente configurare, che abbia la possibilità di inserire un modulo di slideshow... importantissimo poiché "così il sito mi piace perché è dinamico" [cit. il cliente-tipo]...
Ho visto la tua mini-guida sulla personalizzazione di Protostar, mi sembra molto ben fatta, il problema è che non si può personalizzare "di fino" a meno di non andare a riscrivere pezzi di css... tempo che purtroppo non ho.
Inoltre ho scaricato dalla Joomla Extension Directory vari moduli image slide show free... ne funzionasse uno mannagggg...  >:(
Potresti segnalarmene uno funzionante please?
Grazie per il tuo tempo... mò vado a riposare l'ultimo neurone rimasto vivo e soprattutto gli occhi...
Think Positive!!! :-)

Offline adottauncane

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 17696
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #9 il: 15 Feb 2017, 20:53:55 »
Le tabelle non sono responsive, non nel senso che possano flottare in basso, come succede invece con i moduli o le immagini libere impostate con un float:left;
Potresti farle in percentuale 100% (anche le celle) ma poi si ridurrebbero troppo con gli schermi piccoli.
Le tabelle non vanno usate, a parer mio. Puoi fare tutte le posizioni che ti servono in quel template, fanne una per immagine.
Se poi una non la usi le altre si allargano e riempono comunque lo spazio.
Oppure imposta il modulo o l'articolo che hai fatto per le immagini con le medesime e il float:left;
In firma ho due siti fatti con Helix_3, se vuoi vedere (adottauncane.net e caterinavivarelli.it)
Questa slide è quella sul secondo sito:

https://dj-extensions.com/dj-imageslider

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #10 il: 16 Feb 2017, 08:54:45 »
Grazie Caterina, WOW! Sei una musicista! Bellissimo, anche mio marito, è violinista.
Bando alle ciance  :) ok, provo a impostare le pagine come mi hai consigliato.
Ma se poi altri dovessero aggiornarle?
Vabbeh ci provo, intanto un grazie immenso per il tempo che mi hai dedicato  :)
Think Positive!!! :-)

Offline adottauncane

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 17696
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #11 il: 16 Feb 2017, 09:18:45 »
 ;D Magari... No, è una mia amica.

Be' se usi un modulo personalizzato per ogni foto, credo che sia anche più facile da spiegare a chi aggiornerà...

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #12 il: 16 Feb 2017, 16:43:56 »
Ciao, ops! Scusa pensavo che fosse il tuo sito personale  :)

Allora, ho impaginato la hp del sito seguendo il tuo consiglio di inserire le img senza tabulazione utilizzando float, margin, ecc.
Il risultato è ... indescrivibile se non con la parola casinissimo  :o

Come puoi vedere da questo link: http://www.adverdesign.eu/CiuriNew/ al computer sembra uguale a prima, se lo guardi con uno smartphone o con un tablet le img sono tutte una sull'altra, una confusione mostruosa, illegibile.
Prima, con le tabelle, si vedeva solo metà o una porzione di pagina, adesso si vedono tutti i contenuti ma tutti uno sull'altro  >:(

Se hai ancora un minuto invece ti chiedo di guardare la vecchia versione del sito (che mi hanno chiesto di riattivare visti i problemi con la nuova) www.ciuriciurimare.com realizzata oltre sette anni fa con J! che non so perché si vede benissimo sia sul mio smartphone che sull'iPad... e non è responsive e ci sono le tabelle... a quel punto ho guardato anche altri siti che ho realizzato sempre 6-7 anni fa con la stessa versione di J! e li vedo tutti benissimo, mentre gli ultimi che ho realizzato con la 3.6 ed un template responsive ove ho inserito una tabella la pagina si vede a metà o porzione... Ma com'è possibile?
Questa cosa mi sta facendo impazzire... mi vien da pensare che a furia di voler fare le cose responsive ci si complica non poco la vita...  ???
Mah... dopo una mattinata a sbattere la testa sono ancora al punto di partenza...
Think Positive!!! :-)

Offline adottauncane

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 17696
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #13 il: 16 Feb 2017, 17:55:25 »
Forse aveva i css @media, non saprei.
Hai sempre la possibilità di fare le posizioni e inserire i moduli personalizzati con le immagini...
Oppure fare un'unica immagine con tutti la linea di sponsor. Certo verrà un po' piccina...

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17531
  • Sesso: Maschio
    • Mostra profilo
    • https://www.hoteledelweiss.net/
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #14 il: 16 Feb 2017, 17:59:06 »
Ciao RedMac ,
ho dato un'occhiata velocissima al tuo sito e secondo me sbagli l'approccio.
Tutti quei loghi, le immagini, etc etc dovresti inserirli con dei moduli o con una estensione.
Se fai un articolo lunghissimo con dentro quella roba, poi è facile che il sito sballi un po' alle diverse risoluzioni.

Un articolo lo devi usare quando devi scrivere delle informazioni.

Poi sei in buone mani comunque, è un template che sembra usino in parecchi e vedrai che riceverai aiuto sicuramente.

Ciao!
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline Limma

  • Appassionato
  • ***
  • Post: 553
  • Sesso: Maschio
    • Mostra profilo
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #15 il: 16 Feb 2017, 22:10:47 »

Se hai ancora un minuto invece ti chiedo di guardare la vecchia versione del sito (che mi hanno chiesto di riattivare visti i problemi con la nuova) www.ciuriciurimare.com realizzata oltre sette anni fa con J! che non so perché si vede benissimo sia sul mio smartphone che sull'iPad... e non è responsive e ci sono le tabelle... a quel punto ho guardato anche altri siti che ho realizzato sempre 6-7 anni fa con la stessa versione di J! e li vedo tutti benissimo, mentre gli ultimi che ho realizzato con la 3.6 ed un template responsive ove ho inserito una tabella la pagina si vede a metà o porzione... Ma com'è possibile?
Questa cosa mi sta facendo impazzire... mi vien da pensare che a furia di voler fare le cose responsive ci si complica non poco la vita...  ???
Mah... dopo una mattinata a sbattere la testa sono ancora al punto di partenza...

Ciao,
ho dato un'occhiata al tuo sito, quello che hai fatto anni fa, e, in verità, c'è un fraintendimento di fondo quando dici "si vede benissimo sia sul mio smartphone che sull'iPad..."
Mi spiego: anch'io se lo guardo sul mio smartphone lo vedo "bene", ma il fatto è che il browser "adatta" alla risoluzione del device tutta la pagina semplicemente "ridimensionandola", in definitiva rimpicciolendola, al punto tale che i testi sono microscopici e se voglio leggerli devo agire, e non poco, col pinch to zoom sulla pagina.
La situazione migliora un po' se oriento lo smartphone in orizzontale, ma non è questo quello che deve accadere con un sito responsive.
Se ridimensioni la finestra del browser sul monitor del tuo pc ti accorgerai che nulla si adatta alla nuova risoluzione, al contario i contenuti semplicemente vengono "tagliati" e per vederli devi usare la barra di scorrimento orizzontale che nel frattempo è comparsa alla base della finestra.
Responsive (e adaptive) significa che le "righe e colonne" che hai usato per la disposizione dei contenuti del sito non sono "fisse", ma "scivolano" una sotto l'altra a seconda delle risoluzioni (chiedo venia per l'estrema semplificazione...).
Nel caso dell'Home Page di ciuriciurimare, tanto per capirci, la colonna di destra (quella con lo sfondo azzurro) in una "vera" visualizzazione mobile si "incolonnerebbe" sotto il contenuto principale della pagina (tutta la parte con lo sfondo bianco), restando al di sopra del footer, footer che chiuderebbe la "colonna di visualizzazione" nel caso di smartphone tenuto in verticale.
Il banner in cima alla pagina si adatterebbe alle nuove larghezze, ma mostrando sempre per intero l'immagine che non verrebbe mai tagliata. E così via per il resto dei contenuti.

Col template che stai usando ora puoi avere tutto quello che vuoi, devi solo utilizzare le posizioni moduli a disposizione e sfruttare meglio le possibilità offerte dai layout che Helix 3 ti mette a disposizione.
Nella tua prova con Helix 3 mi pare di capire, ad esempio, che hai usato pochissime delle posizioni del template per inserire i contenuti.

Mi spiace di essere stato prolisso, ma l'argomento mi interessa e proprio ieri ho cominciato a provare il bellissimo Helix 3!

Chiudo: dai un'occhiata al sito http://www.padovanuototriathlon.it (sito vecchio stile non responsive) e poi guarda http://disegnareilweb.altervista.org che è la "versione responsive" che sto allestendo per quell'Associazione Sportiva.
Puoi dare una rapida occhiata anche a http://disegnareilweb.ilbello.com/ dove ho iniziato a fare un po' di prove con Helix 3; non c'è molto da vedere, ma potrai notare come le immagini presenti sulla Home "flottino" tranquillamente senza darsi fastidio alcuno...


« Ultima modifica: 17 Feb 2017, 03:17:23 da Limma »

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #16 il: 17 Feb 2017, 16:08:50 »
Ragazzi anzitutto grazie per il tempo che mi state dedicando  :)

Sì Limma, io lo so quale è l'approccio giusto, il significato del responsive  :) ma forse mi sono spiegata male... i committenti si aspettano di vedere il sito con la stessa impaginazione su qualsiasi dispositivo, poi per leggerne il contenuto sull'iPad o sul Samsung ingrandiscono e non è un problema né per loro né per i loro amici/parenti ecc. che hanno guardato il sito, d'altronde mi hanno fatto vedere sul loro tablet e sul loro smartphone che tanti siti internet che utilizzano di solito sono uguali, certo più piccoli, ma uguali se visti sul computer o su un dispositivo mobile...  ::)

Questo per me è un grosso problema perché io invece con Helix, nel quale non so da dove de-settare il suo carattere "responsive" anzi proprio non so se si possa fare, ho il risultato che tutte le img sono sovrapposte, e quello che tu dici che la fascia azzurra dell'attuale sito internet se il template fosse responsive andrebbe sotto i contenuti della parte principale scatenerebbe il panico, l'autentico panico in loro e soprattutto in me...  :D

A questo punto... ma esisterà mai adesso 17 Febbraio 2017 un template per Joomla! 3.X NON responsive?  :o
Perché differentemente io potrò inserire le img in moduli separati, ma se poi continuano a "navigare" e ad impostarsi come meglio credono sul monitorino del cell io non avrò risolto il mio problema... AAAARGHHHH!!!!...  :D
Think Positive!!! :-)

Offline Limma

  • Appassionato
  • ***
  • Post: 553
  • Sesso: Maschio
    • Mostra profilo
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #17 il: 17 Feb 2017, 16:51:55 »
 :'(  Quindi tu cerchi un template NON responsive...!


In giro non si trova moltissimo, e quelli che ci sono non credo proprio vengano più aggiornati, coi rischi del caso.


Ma se proprio ti tocca, dai un'occhiata a questo.


Quindi il fraintendimento era mio. Mi spiace...

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #18 il: 17 Feb 2017, 16:53:51 »
No figurati! A me dispiace dover utilizzare un template non responsive, ma purtroppo... in fin dei conti è ciò che vuole il cliente  ???
Think Positive!!! :-)

Offline RedMac

  • Appassionato
  • ***
  • Post: 280
  • Sesso: Femmina
    • Mostra profilo
    • My personal site
Re:Shaper_Helix3 e compatibilità con dispositivi mobili
« Risposta #19 il: 17 Feb 2017, 16:55:42 »
Grazie per il link, ma come temevo, non è più disponibile... un bel casino...
Think Positive!!! :-)

 

Torna su