Desde el momento de crear una tienda virtual KingEshop, se habilita automáticamente para los teléfonos inteligentes (smartphones) y tabletas.

Sin embargo, para obtener mejores resultados, es importante tomar un poco de tiempo para configurar algunos aspectos gráficos para personalizar la versión móvil de su sitio.

1 - Beneficios de la versión para móviles

Cada vez más, los usuarios utilizan su teléfono inteligente (smartphone) y su tableta para navegar y comprar en Internet.

Si bien la demanda está creciendo, hay muy pocas tiendas virtuales y plataformas (muy pocas) que tienen la oportunidad de ofrecer a sus clientes una versión móvil de su sitio. Con su tienda virtual KingEshop, usted tiene una gran ventaja sobre sus competidores.

Además, algunas plataformas que ofrecen este tipo de función, trabajando con una tecnología que se considera obsoleto. De hecho, la lógica antigua es para detectar el tipo de dispositivo y conducen al visitante a la versión correspondiente.

El problema con este mecanismo es que, debido al aumento del número de modelos de dispositivos móviles, es imposible detectar todos. A menudo, el visitante que llega al sitio con su teléfono inteligente (smartphone) ve un versión móvil del sitio totalmente inadecuado.

La versión para móviles de su tienda KingEshop se basa en una tecnología diferente. De hecho, el sistema no se ve el tipo de dispositivos móviles que visitan el sitio. Cuando un visitante llega, el sistema envía una página que se adapta automáticamente a al tipo de pantalla (versión de teléfonos inteligentes (smartphones), tabletas o regular). Independientemente del tamaño de la pantalla o el tipo de dispositivo, su sitio siempre será perfecto a los ojos de su cliente.

Otra ventaja significativa de su tienda KingEshop es que todo el sitio estará presente en la versión móvil. Esto le da una gran ventaja sobre sus competidores, ya que la mayoría de los sitios tienen una versión móvil contiene sólo el mínimo, ofreciendo a los visitantes una versión muy incompleta de sus tiendas.

Por último, su tienda KingEshop ofrece la posibilidad de personalizar el aspecto de la versión móvil de acuerdo a sus gustos y necesidades. Esto dará lugar a dar una experiencia de navegación agradable para todos los visitantes que no estén separados de sus dispositivos móviles.

2 - Cómo poner a prueba de la versión móvil

Para las pruebas, usted puede utilizar sus dispositivos móviles (teléfonos inteligentes (smartphones) y tabletas) o navegador (no Internet Explorer).

2.1 - Hacer pruebas con el teléfono inteligente (smartphone) y la tableta

Si usted tiene acceso a estos dispositivos, le recomendamos comprobar el resultado de cada uno de los cambios, teniendo cuidado de actualizar las páginas de su sitio.

Teléfono inteligente (smartphone)

Tableta

2.2 - Para probar con el navegador (no Internet Explorer)

También puede utilizar el navegador para simular cómo su sitio web será visible para todo tipo de dispositivos móviles. Dada la gran cantidad de modelos de dispositivos móviles, este método tiene la ventaja de poner a prueba de su sitio mediante la simulación de todos los tamaños de pantalla posibles.

Para realizar las pruebas se debe utilizar uno de los siguientes navegadores : Chrome, Mozilla Firefox, Opera o Safari (este método no funciona con Internet Explorer).

Procedimiento :

- Abrir un navegador (no Internet Explorer).

- Asegúrese de que el navegador está flotando en la pantalla (la pantalla no completa).

- Ver su sitio en el lado cliente y coloque el cursor en la parte derecha del navegador.

- Haga clic y mantenga pulsado el botón izquierdo del ratón y arrastre el ratón hacia la derecha.

- Continúe moviendo el ratón hacia la izquierda hasta que ve la versión ''tableta''

- Continúe moviendo el ratón hacia la izquierda hasta que ve la versión de ''teléfono inteligente (smartphone)''

IMPORTANTE : Cada vez que haga algún cambio, no se olvide de actualizar su sitio web haciendo clic en el botón F5 en su teclado.

3 - Como los textos y las imágenes se colocan en las páginas estáticas y artículos (''versión líquida'')

Cuando hablamos de la versión para móviles, a menudo vemos la plazo ''versión líquida''.

Para entender esto, debemos ver la versión normal de las páginas estáticas y secciones como una versión fija, donde cada texto y la imagen tiene un píxel determinado.

Las diferentes marcas y modelos de dispositivos móviles es demasiado muchos, es imposible predecir el tamaño de la pantalla donde se muestra la versión móvil. Esto tiene la consecuencia de que es imposible de estructura textos y imágenes de una manera fija, de modo que estos elementos deben fluir en la pantalla del móvil como un líquido se adapta a la forma de su envase.

En la versión móvil o líquida, los textos y las imágenes se colocan en el orden natural. Tienes que hacer muchas pruebas con el fin de construir páginas agradables de ver en las versiones regulares y móviles.

4 - Cómo configurar los textos en las páginas estáticas y artículos

Nota : Para entender las explicaciones que siguen, usted debe estar familiarizado con la inserción de los textos en las páginas estáticas y artículos. Para más información, por favor consulte las FAQ sobre el tema.

Al insertar un texto en una página estática o un artículo, el texto ES VISIBLE en la versión normal y en la versión móvil.

Si desea ocultar el texto en la versión móvil de una página estática o un artículo, en el editor, debe seguir el siguiente procedimiento :

- Haga doble clic en el texto en cuestión. El marco para cambiar el texto aparecerá.

- Haga clic en el círculo junto el campo ''No'' bajo la pregunta ''Este texto se podrá ver en la versión para móviles?''.

Cuando haya ocultado el texto en la versión móvil, te darás cuenta de que en el editor, el texto irá precedido de los caracteres especiales [X]. Estos caracteres especiales se utiliza para informarle de que el texto que sigue es sólo visible en la versión normal.

Los caracteres especiales [X] no son visibles en el editor. Ellos nunca serán vistos por los visitantes.

Si desea mostrar el texto en la versión móvil de una página estática o un artículo, en el editor, deberá hacer doble clic en el texto en cuestión y haga clic en el círculo al lado del campo ''Sí'' bajo la pregunta ''Este texto se podrá ver en la versión para móviles?''.

5 - Cómo configurar imágenes en las páginas estáticas y artículos

Nota : Para entender las explicaciones que siguen, usted debe estar familiarizado con la inserción de imágenes en las páginas estáticas y artículos. Para más información, por favor consulte las FAQ sobre el tema.

Cuando se inserta una imagen en una página estática o un artículo, la imagen será visible sólo en la versión normal de su sitio e invisible en la versión móvil.

Si no cambian las imágenes y el texto se mostrará en la versión normal de su sitio, y en la versión móvil, los usuarios sólo verán el texto.

Por lo tanto, primero debe seleccionar las imágenes que aparecen en la versión para móviles de su sitio. Para ello, es necesario abrir su imágenes por uno con el editor de páginas estáticas y artículos.

A continuación, haga doble clic en la imagen. El marco ''Modificar esta imágen'' aparecerá :

Por que la imagen es visible en la versión móvil de su sitio, haga clic en el círculo junto el campo ''Si'' bajo la pregunta ''Esta imagen se podrá ver en la versión para móviles?''.

6 - Cómo configurar el orden de los textos y las imágenes de las páginas estáticas y artículos

En la versión para móviles de su sitio, las imágenes y el texto se muestran en orden lógico, es decir, los elementos que están por encima se muestra encima de los de abajo.

Si tiene elementos (texto o imágenes) que son exactamente la misma distancia de la parte superior de la página, el orden de aparición será aleatoria en la versión móvil. Para evitar esto, es suficiente de quitar un pixel del elemento que desea que aparezca en primer lugar.

Por ejemplo, aquí hay dos textos en la misma línea a simple vista en la versión normal. Si desea que el ''texto 2'' así por primera vez en la versión móvil, sólo tienes que arriba el elemento de un pixel en relación al otro texto.

7 - Cómo configurar los colores y otros aspectos gráficos de la versión móvil de mi sitio web

Ir a la funciona ''Elementos de configuración de la versión móvil del sitio'' situado en ''Mi sitio web'' - ''Apariencia'' - Icono del teléfono móvil.

7.1 - Función ''Cabecera para móviles :''

Para esta función, usted tiene dos opciones : ''Cabecera en texto(muy recomendado)'' y ''Cabecera en imagen''.

Cabecera en texto(muy recomendado) :

Se recomienda de elegir la opción ''Cabecera en texto(muy recomendado)'', porque la imagen es más ligero y ocupa menos espacio en la página.

Estos son los resultados si se elige la opción ''Cabecera en texto(muy recomendado)'' :

Para esta opción, debe configurar los campos en el marco ''Cabecera en texto''.

Texto : Escriba el texto que desea que aparezca en la cabecera. Ejemplo : Mi tienda virtual.

Color del texto : seleccione el color del texto.

Grosor : para que el texto es en negrilla elegir la opción ''Negrilla''. Si no desea que el texto es en negrilla, elija la opción ''Normal''.

Fuente : seleccione la fuente.

Tipo : si desea que el texto sea en mayúsculas (Small Caps), seleccione ''Mayúsculas''. De otra manera, elija ''Normal''.

Sombra : puede establecer la sombra al texto. Elija un número entre 1 y 5. Cuanto mayor sea el número, mayor es la sombra será pronunciada. Seleccione la cifra ''0'' si no desea agregar una sombra al texto.

Color sombra : elegir el color de la sombra.

Fondo : seleccionar el color de fondo de la cabecera.

Línea superior : elegir el color de la línea superior de la cabecera.

Cabecera en imagen :

Estos son los resultados si se elige la opción ''Cabecera en imagen'' :

Si elige esta opción, la cabecera puede tardar hasta 1/3 del espacio visible en función del tipo de teléfono inteligente (smartphone) que utilice, lo cual no es recomendable.

Usando la opción ''Cabecera en imagen'', debe considerar que su logo no será necesariamente en el mismo lugar en el cabecera en la versión para móviles y la versión normal. Es necesario ajustar la ubicación de su logo de acuerdo a las versiones.

Para ajustar la ubicación de su logo en la versión para móviles de su sitio, usted debe configurar los campos en el marco ''Cabecera en imagen''.

No hay que confundir la ubicación del logo en la versión normal y la versión móvil (el que estamos hablando en este FAQ). Para poner su logo en la versión normal, por favor, consulte las FAQ.

7.2 - Funciones 1 a 42 :

Usted puede personalizar la versión móvil de su sitio en 39 puntos. Sólo tienes que escoger el color haciendo clic en la flecha situada junto al número.

IMPORTANTE : Si usted encuentra que algunas funciones se bloquean, es porque necesita habilitar el histórico, los artículos, la buscar o el carrito en ''Mi sitio web'' - ''General'' - ''Configuraciones de las opciones y de las páginas estáticas'' de su administración. Esto no es obligatorio, pero si estas características no están habilitadas, éstas no aparecerán en la versión para móviles de su sitio.