Plantilla “Freedom”: 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.

Start now
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

Personalización del encabezado

Para poder cambiar el marcador de posición del área del encabezado, debes proporcionar una imagen. Recomendamos utilizar imágenes con un tamaño de 2000 x 1200 px.

Cómo sustituir la imagen del encabezado

  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.
    Header area
  4. Selecciona Insertar archivo.
    Insert file
  5. 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 de encabezado que quieres utilizar. Ten en cuenta los tamaños de imagen predefinidos (preferiblemente 2000 x 1200 px).
    Select header image
  8. Haz clic en Aceptar.

  9. Guarda los cambios.
    Select Save

La nueva imagen para el encabezado ya está seleccionada.

HCómo personalizar el texto y el botón de la imagen del encabezado

  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, el encabezado contiene un botón con el texto “Ver colección”. Para editarlo, sitúa el puntero del ratón sobre el botón y haz clic en el icono del lápiz. Si los marcadores de posición no se encuentran visibles, sigue estas instrucciones.
    Select pencil icon
  4. El texto del botón solamente puede modificarse en el código fuente. Para ello, haz clic en el icono Fuente situado a la derecha.
    Select the HTML icon
  5. Cambia el texto del botón en el código fuente.
    Edit HTML

El botón sirve para desplazarse hacia abajo hasta la lista de productos en la página principal. El enlace del botón no debe editarse, ya que esto afectaría a su diseño.

  1. Si tu tienda está disponible en varios idiomas, escoge cada idioma y repite los pasos 4-6. Si el texto en los otros idiomas no se ve, sigue estas instrucciones.
    Make language adjustments
  2. Haz clic en Aplicar.
    Select apply
  3. Guarda los cambios.
    Save the changes

Cómo ajustar los colores del encabezado

En el Diseño avanzado pueden modificarse los colores del botón, del texto y del carro de la compra en la navegación, como siempre, con algunas excepciones.

Debido a ajustes específicos de la plantilla, los elementos de navegación son de color blanco en la parte superior de la página. Al desplazarse hacia abajo o ir a una página específica, el color de navegación cambia automáticamente a negro, lo que contrasta con el fondo blanco de la plantilla.

Por tanto, tienes la posibilidad de cambiar los botones y textos de navegación en dos etapas.

  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.
    Click on the header area
  4. Selecciona el color que prefieras para el Encabezado, Texto, Enlace y Resaltado. Esto modifica los elementos del encabezado de color blanco en la página de inicio.
    Select your preferred colour
  5. Guarda los cambios.
    Save the changes
  6. Activa el pie de página para cambiar el color de los elementos del encabezado que se muestran mientras te desplazas hacia abajo o en las páginas de categoría de negro a otro color. Si la selección de área de página no se encuentra visible, simplemente haz clic en el área de fondo gris junto a la plantilla para cambiarlo.
    Activate the footer
  7. Desplázate hacia abajo y haz clic en el área del pie de página.
    Select the footer
  8. Cambia los colores de Encabezado, Texto, Enlace y Resaltado al color que prefieras.
    Change the colours
  9. Haz clic en Guardar.
    Select save
  10. Desactiva el pie de página. Si no es posible ver la selección de área de página, simplemente haz clic en el área de fondo gris junto a la plantilla para cambiarlo.
    Deactivate the footer

Se han modificado los colores de los elementos del encabezado.

Personalización de las imágenes de muestra

La página principal de tu tienda online contiene tres imágenes de muestra situadas debajo de la imagen del encabezado. Debes sustituir los marcadores de posición por imágenes de muestra de tus productos. Para este tipo de imágenes, se recomienda un tamaño de 300 x 200 px.

Cómo sustituir las imágenes 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 las imágenes de muestra es 300 x 200 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. Si no te interesa modificarlos, avanza al paso 15.
    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. 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 activae

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 import your theme 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.