1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

¿WHMCS redirigir a otro Theme si detecta movil?

Tema en 'Paneles y Software' iniciado por gopro, 27 Dic 2013.

  1. gopro

    gopro Usuario activo

    Hola chicos, estoy trabajando en una nueva plantilla para WHMCS que sea responsive, la cosa es que quiero poder usar la plantilla actual si está el cliente en versión escritorio y que salte la otra de forma automática si detecta un móvil o Tablet.

    ¿Alguien sabe cómo hacer esto?

    Gracias de antemano.
     
  2.  
  3. copernico.es

    copernico.es Usuario activo

    A gopro le gusta esto.
  4. gopro

    gopro Usuario activo

    Gracias por la respuesta, pero... exactamente qué he de buscar ahí?, veo módulos de whmcs pero ninguno que haga lo que quiero.
    Es decir el mobile theme ya lo tengo. Lo que quiero es decirle a mi whmcs lo siguiente:

    - Si el usuario usa desktop llévalo al default theme
    - Si el usuario usa mobile llévalo a mobile theme

    Gracias.
     
    A justice13 le gusta esto.
  5. mlumbreras

    mlumbreras Usuario activo

    Puedes detectar el user-agent y si viene de un móvil redirigirlo usando la opción de WHMCS para usar diversas plantillas:

    1.- Creamos un javascript (ejem. redirect.js) que será el encargado de detectar el user-agent y especificamos en él la URL de redirección
    CODE, HTML o PHP Insertado:
    (function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://tudominio.com/whmcs/index.php?systpl=tutemplate');
    2.- En el "header.tpl" añadimos el javascript entre <head> y </head>
    CODE, HTML o PHP Insertado:
    <script type="text/javascript" src="templates/{$template}/html/js/redirect.js" /></script>
    Seguramente hay una forma mejor de hacerlo, pero esta funciona.
     
    A gopro le gusta esto.
  6. gopro

    gopro Usuario activo

    Gracias María :), eso es lo que yo buscaba lo probaré :)
     
  7. gopro

    gopro Usuario activo

    Pues no me funciona :(

    creo el js y lo meto en /templates/templateactual/js/redirect.js (cambiando claro la url y el systpl=mobile

    Luego en /templates/templateactual/header.tpl meto el script que llama al js

    Y pruebo y nada, no funciona :(
     
  8. mlumbreras

    mlumbreras Usuario activo

    ¿Has puesto bien el nombre del theme en el "js"? Acabo de probarlo y me funciona. ¿Has borrado las cookies del navegador? ¿Has puesto correctamente la URL en la llamada al script?
     
  9. gopro

    gopro Usuario activo

    Si, si y si ;)

    Voy a probar de nuevo, incluso he vaciado la cache de templates de whmcs ... :( ahora te digo
     
  10. gopro

    gopro Usuario activo

    Nada, que no le da la gana :)
     
  11. mlumbreras

    mlumbreras Usuario activo

    Jolín, algo tiene que haber mal. Yo lo pruebo desde un android 4.1.1 me funciona bien.
     
  12. gopro

    gopro Usuario activo

    Pues yo lo miro de un iphone y de un android y me dice que me vaya a la playa :)
     
  13. gopro

    gopro Usuario activo

    Gracias por solucionármelo en privado María

    Para quién le pase, el problema estaba en que en mi url de llamada
    src="templates/{$template}/html/js/redirect.js"

    sobraba /html/ quedando
    src="templates/{$template}/js/redirect.js"

    Gracias María
     
  14. mlumbreras

    mlumbreras Usuario activo



Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·