Supporto volontario e collaborativo per Joomla!® in italiano

Creare moduli visibili solo su smartphone

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
codice
Ciao a tutti,
mi sono imbattuto in questo problema perchè volevo avere alcune funzioni aggiuntive nei siti che gestisco.

La funzione principale che ricercavo era il Chiama Adesso usando direttamente il cellulare.




Questa opzione l'ho risolta creando un modulo HTML personalizzato con i seguenti parametri:


<table style="height: 64px;" width="100%">
<tbody>
<tr>
<td align="center" bgcolor="#FFFFFF"><span style="font-size: 18pt; color: #000000;"><a href="tel:055000000"><span style="color: #000000;"><b>Clicca e chiama con il tuo smartphone! 055000000</b></span></a></span></td>
</tr>
</tbody>
</table>

L'elemeno principale di questo modulo è HREF <a href="tel:055000000"> il numero 055000000 rappresenta il numero da chiamare.

Wow! ho creato un modulo cliccabile dal quale posso effettuare direttamente la chiamata senza copiare/ricordare il numero.

Ma purtroppo ho avuto anche l'effetto collaterale, il link era presente anche nella versione Desktop del sito e quindi cliccabile daI Pc, risultato? una bella pagina di errore.

Mi sono messo alla ricerca di qualche plugins che mi aiutasse a risolvere il mio problema.
Il Plugin free che ho provato è:

Simple Mobile Detection

il sito web lo potete trovare qui.

Per far funzionare il Plugins, ho dovuto disattivare la cache e impostare i parametri in questo modo:
Immagine 1:

Simple mobile detection plugins

Immagine 2:
Simple mobile detection plugins

Immagine 3:
simple mobile detection setting 3
Il resto dei parametri l'ho lasciato invariato.

Fatto ciò sono tornato al modulo HTML personalizzato in precedenza e ho modificato la sintassi:

{IfMobile}
<table style="height: 64px;" width="100%">
<tbody>
<tr>
<td align="center" bgcolor="#FFFFFF"><span style="font-size: 18pt; color: #000000;"><a href="tel:055000000"><span style="color: #000000;"><b>Clicca e chiama con il tuo smartphone! 055000000</b></span></a></span></td>
</tr>
</tbody>
</table>
<p></p>
{ElseMobile}
{EndIfMobile}

I Comandi {IfMobile} e {ElseMobile} ci permettano di riconoscere quale tipo di apparato stiamo usando.
Questa opzione è compatibile con dispositivi apple e android.

Il risultato è tipo questo:

Simple mobile detection esempio Simple mobile detection esempio chiamata

Nella seconda immagine è possibile eseguire l'applicazione più appropriata.

Questo plugins l'ho usato in Joomla 3.3.6 con un template protostar.
E' possibile utilizzarlo anche per altre applicazioni.

Ciao



CommentaCommenta questo articolo sul forum

Ho scritto e condiviso questo articolo su Joomla.it, fallo anche tu. Invia ora un nuovo articolo!
matteo
Nome: matteo
Alcune informazioni su di me:


Ho anche scritto:
         ✔ diventa autore su Joomla.it

Calendario articoli

Novembre 2017
Lun Mar Mer Gio Ven Sab Dom
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3

Ultima versione di Joomla!®

downloadVer. 3.8.2 Stabile Italiana
Data di rilascio: 07 Novembre 2017
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: