Plantilla “Lookbook”: cómo configurar la plantilla

Esta guía te ayudará a empezar a utilizar tu nueva plantilla. Te recomendamos que leas detenidamente estas instrucciones y sigas los pasos indicados.

Empezar ahora
Header Image
Paso 1
Importar la plantilla nueva
Paso 2
Realizar ajustes
Paso 3
Activación de la plantilla

Notas importantes antes de comenzar

Algunos de los cambios afectarán directamente a tu tienda online.
Te aconsejamos que configures la plantilla durante un período en el que tu tienda no reciba muchas visitas (por ejemplo, durante la noche). El proceso de configuración puede llevarte entre 1 y 2 horas.

¿Ya has creado una copia de seguridad?
Si ya utilizas otra plantilla, crea una copia de seguridad tanto de la plantilla como del contenido de la página principal en uso en estos momentos antes de instalar la nueva:

  • Las opciones de personalización son limitadas. Los cambios que efectúes que no aparezcan relacionados en este documento serán tu responsabilidad.
  • Comprueba que tu tienda online cumple todos los requisitos que se mencionan en las plantillas de la Tienda de Plantillas.
  • El diseño de las plantillas muestra seis productos en la página inicial. Estos productos pueden añadirse o eliminarse desde la página principal, en Contenido/Categorías >> Vista de ficha >> Productos.
  • Para modificar los tipos de letra y los colores, puedes utilizar sin limitaciones la herramienta Diseño rápido del área de administración.
  • Es posible modificar la posición de los elementos (por ejemplo, la del campo de búsqueda) y añadir otros, pero se desaconseja hacerlo, pues no se garantiza que aparezcan exactamente en la ubicación deseada.
  • No se puede cambiar el icono de la cesta.

Paso 1: Importar la plantilla nueva

  1. En el menú principal del área de administración, selecciona Diseño >> Mis plantillas.
    My themes
  2. Desciende hasta la parte inferior y haz clic en Importar plantilla.
    Import theme
  3. Ten en cuenta que los siguientes pasos remplazarán el contenido de tu página principal actual.
    Se borrarán tanto los textos e imágenes como cualquier otro contenido que aparezca en la página inicial, además de los listados de productos.

    Para guardar una copia de seguridad del contenido, sigue estos pasos antes de ir al paso 3 y 4.

  4. Haz clic en el botón Seleccionar archivo… y abre la carpeta donde guardaste el archivo que te enviamos. A continuación, selecciona el archivo correspondiente a la plantilla (p. ej.: ejemplo.plantilla.zip). Marca la casilla Sobrescribir la página inicial durante la importación..
    Select File
  5. Haz clic en Importar.

  6. Si la importación se ha realizado correctamente, encontrarás la plantilla al final de la página Mis plantillas.
    My themes page

¡Enhorabuena!

¿Sabías que puedes personalizar la plantilla antes de activarla?

Para que tengas más tiempo de preparación, te recomendamos que lleves a cabo algunos ajustes antes de activar la nueva plantilla. Basta con seguir los pasos siguientes con atención para garantizar que la plantilla esté debidamente instalada antes de activarla en la tienda.


Paso 2: Realizar ajustes

Aunque la plantilla ya está lista para su uso, es preciso realizar algunos ajustes cuando se cambia de diseño, entre ellos sustituir las imágenes de los marcadores de posición de la plantilla por tus propias imágenes.
Exchanging the themes placeholder images

Ajustar la imagen superior

Para sustituir el marcador de posición del área del encabezado, debes disponer de una imagen con el tamaño recomendado de 1100 x 40 px.

Cómo sustituir la imagen superior

  1. En el menú principal del área de administración, selecciona Diseño >> Mis plantillas.
    My themes
  2. Busca la plantilla importada y haz clic en Iniciar diseño avanzado.
    Start advanced design
  3. Haz clic en el área del encabezado, en la parte superior de la vista previa.
    Header area
  4. Selecciona Insertar archivo.
    Insert file
  5. Para cargar o seleccionar un archivo, haz clic en Sus archivos.
    Your files
  6. Si quieres cargar otro archivo, selecciona Cargar archivos y elige una imagen de tu ordenador. En caso contrario, continúa con el paso siguiente.
    Upload files
  7. Selecciona la imagen que quieres utilizar. Ten en cuenta los tamaños de imagen predefinidos (preferiblemente 1100 x 40 px).
    Select header image
  8. Haz clic en Aceptar.

  9. En la vista previa, la imagen superior contiene un texto de marcador de posición con un enlace. Para modificar el texto y el enlace, sitúa el puntero del ratón encima y haz clic en el icono del lápiz. Si los marcadores no se encuentran visibles, sigue estas instrucciones.
    Select the pencil icon
  10. Edita el texto.

  11. Si quieres añadir un enlace al texto, selecciona el texto que te interesa utilizar como enlace, haz clic con el botón derecho en el texto y selecciona Editar enlace. Si no te interesa modificarlos, avanza al paso 15.
    Select Edit link
  12. Selecciona Páginas.
    Select pages
  13. Selecciona la página de tu tienda a la que quieres vincular la imagen.
    Select the page you want to link to
  14. Haz clic en Aplicar.

  15. Haz clic en Aplicar.
    Select apply
  16. Guarda los cambios.
    Save the changes

Se han ajustado la nueva imagen superior y el texto.

Cómo sustituir el logotipo de la tienda

  1. En el menú principal del área de administración, selecciona Diseño >> Mis plantillas.
    My themes
  2. Busca la plantilla importada y haz clic en Iniciar diseño avanzado.
    Start advanced design
  3. En la vista previa, la imagen del logotipo contiene una imagen de marcador de posición. Para editarla, sitúa el puntero del ratón sobre el botón y haz clic en el icono del lápiz. Si los marcadores no se encuentran visibles, sigue estas instrucciones.
    Select pencil icon
  4. Haz clic en Sus archivos.
    Select your files
  5. Si quieres cargar otro archivo, selecciona Cargar archivos y elige una imagen de tu ordenador. En caso contrario, continúa con el paso siguiente.
    Select upload files
  6. Selecciona la imagen que quieres utilizar. Ten en cuenta los tamaños de imagen predefinidos (preferiblemente 230 x 28 px).
    Select an image
  7. Haz clic en Aceptar.

  8. Guarda los cambios.
    Save the changes

Se ha ajustado el logotipo.

Personalización de la imagen del encabezado y las de muestra

La plantilla contiene una gran imagen de encabezado y dos imágenes de muestra debajo de esta. Debes sustituir los marcadores de posición por tus propias imágenes.

Recomendamos un tamaño de 1100 x 552 px para la imagen del encabezado y un tamaño de 535 x 402 px para las imágenes de muestra.

Cómo sustituir la imagen del encabezado y las de muestra

  1. Selecciona Contenido/Categorías >> Vista de ficha.
    Select datasheet view
  2. Haz clic en General.
    Select general
  3. Encontrarás los marcadores de posición de las imágenes de muestra en Descripción detallada. Si los marcadores de posición no se encuentran visibles, sigue estas instrucciones.
    Find placeholders for the teaser images
  4. Haz clic con el botón derecho en el marcador de posición que te interesa modificar y selecciona Imagen.
    Select image
  5. Haz clic en Cargar imagen.
    Upload image
  6. Si quieres cargar otro archivo, selecciona Cargar archivos y elige una imagen de tu ordenador. En caso contrario, continúa con el paso siguiente.
    Upload files
  7. Selecciona la imagen que quieres utilizar.
    Select an image
  8. Haz clic en Aplicar.

  9. Si la imagen es demasiado grande, puedes introducir la anchura y la altura adecuadas, si bien te aconsejamos que ajustes el tamaño antes de cargarla. Para no distorsionar la imagen, el icono del candado debería aparecer cerrado. El tamaño recomendado para la imagen del encabezado es 1100 x 552 px y, para las imágenes de muestra, 535 x 402 px.
    Adjust images
  10. Haz clic en Aceptar.

  11. Ya puedes añadir un enlace a la imagen. Para ello, haz clic en ella con el botón derecho y selecciona Editar enlace.
    Edit link
  12. Selecciona Páginas.
    Select pages
  13. Selecciona la página de tu tienda a la que quieres vincular la imagen.
    Select a page
  14. Haz clic en Aplicar.

  15. Repite los pasos 4-14 hasta que hayas cambiado todas las imágenes de muestra.

  16. Si tu tienda está disponible en varios idiomas, escoge cada uno y repite los pasos 3-15. Si el texto en los otros idiomas no se ve, sigue estas instrucciones.
    Select another language
  17. Guarda los cambios.
    Save the changes

Paso 3: Activación de la plantilla

  1. En el menú principal del área de administración, selecciona Diseño >> Mis plantillas.
    My Themes
  2. Busca la plantilla importada y haz clic en Activar ahora.
    Activate now

Tu nueva plantilla ya está activada.


Apéndice

Cómo crear una copia de seguridad de la plantilla que tienes activa

Si ya estás utilizando otra plantilla en tu tienda, conviene que crees una copia de seguridad antes de instalar la nueva.

  1. En el menú principal del área de administración, selecciona Diseño >> Mis plantillas.
    My themes
  2. Haz clic en Crear copia de seguridad para crear una copia de seguridad de la plantilla activa.
    Create backup copy

Se creará una copia de seguridad de la plantilla activa que encontrarás al final de la página.

Cómo crear una copia de seguridad del contenido de la página principal que tienes activa

Si ya estás utilizando otra plantilla en tu tienda, conviene que crees una copia de seguridad del contenido de la página principal que tienes activa, como por ejemplo de las imágenes y los textos.

  1. Para crear una copia de seguridad del contenido de la página principal de tu tienda, dirígete al menú principal del área de administración y selecciona Contenido/Categorías >> Vista de ficha.
    Datasheet view
  2. Selecciona Páginas.
    Select Pages
  3. En la parte inferior de la tabla, en la columna Nombre, asigna un nombre a la copia de seguridad (por ejemplo: Copia de la página principal).
    Enter a name for the backup
  4. Haz clic en Guardar.

  5. Selecciona General.
    Select General
  6. Copia el contenido de la página principal que te gustaría conservar (p. ej. el texto y las imágenes) del campo Descripción detallada.
    Long description
  7. Selecciona Páginas.
    Select Pages
  8. En la tabla, selecciona la página que has creado en el paso 3.
    Select the page you created
  9. Haz clic en Textos.
    Select Texts
  10. Pega el contenido que has copiado en el campo correspondiente (p. ej. Descripción detallada).
    Long description
  11. Guarda los cambios.
    Select Save
  12. Si quieres hacer una copia de seguridad de otros contenidos de la página principal, haz clic en Página principal y, a continuación, repite los pasos 5-11.

  13. Si tu tienda está disponible en varios idiomas, escoge cada idioma y repite los pasos 5-12 Si el texto en los otros idiomas no se ve, sigue estas instrucciones.
    Select another language

Acabas de crear una copia de seguridad del contenido de tu página principal. Ahora ya puedes proceder a importar la plantilla sobrescribiendo la página principal con la importación.

Cómo personalizar la página sobre el derecho de retirada

En las páginas de producto de tu tienda verás un enlace llamado entrega:
Delivery link
Si no modificaste la configuración predeterminada para vincular a otra página, este enlace dirigirá a una página especial que extrae el contenido de tu página sobre el derecho de desistimiento y lo muestra por separado. Es posible que esta página especial no sea compatible con la nueva plantilla, por lo que tendrás que crear un enlace directo a la página de derecho de retirada.

Cómo enlazar a la página de derecho de retirada

  1. En el menú principal, selecciona Productos >> Opciones de producto.
    Product settings
  2. Haz clic en Textos.
    Select texts
  3. En el campo de texto situado en la parte superior, haz clic con el botón derecho en la palabra entrega y selecciona Editar enlace.
    Edit link
  4. Selecciona la página de derecho de retirada.
    Select the right of withdrawal page
  5. Haz clic en Aplicar.

  6. Repite los pasos 3-6 para cada campo de texto que contenga el enlace entrega.

  7. Guarda los cambios.
    Save the changes
  8. Si tu tienda está disponible en varios idiomas, repite los pasos 3-7 para cada idioma.
    Select another language
  9. Haz clic en Textos de notas para precios netos.
    Select Notes texts for net prices
  10. Repite los pasos 3-8 para todos los campos de texto que contengan el enlace entrega.