En el menú diseño encontrarás las diferentes opciones:

• Tienda

• Personalizar

A continuación las trataremos una por una:

TU MARCA:

Logotipo: Desde aquí puedes seleccionar el logotipo que se mostrará en tu tienda. Te recomendamos que lo guardes en formato png y con el fondo transparente para que no quede un recuadro blanco alrededor de tu logo.

  

Favicón: es esa pequeña imagen, que acompaña a las direcciones web, que se muestran en la barra de direcciones del navegador. Este icono debe tener unas características que son estándar para todas las páginas web, 16 x 16 pixeles y el formato de archivo debe tener la extensión png. Características que podrás conseguir con cualquier editor de imágenes.

 

PLANTILLAS:

Plantillas: Openshopen te ofrece distintas plantillas para que elijas la que más te guste y se adapte más a tus necesidades. Las plantillas se pueden modificar a nivel visual pero no a nivel estructural, es decir, puedes situar los módulos en el sitio que más te convenga,  definir los colores, la tipografía, la situación del logotipo y las imágenes que deseas subir así como los banners y las animaciones.

Dispones de una variedad de plantillas para elegir el tema que más te guste y el que más se adecúe a tu producto. Sin embargo recomendamos las nuevas plantillas Pin, Slider y Fashion.

                

A través de las flechas que aparecen en la parte derecha e izquierda podrás visualizar todas las plantillas y elegir la que más te guste presionando encima de ella.  Para saber la plantilla que tienes seleccionada, verás que ésta está destacada con un recuadro azul y el nombre de la plantilla queda resaltado también en color azul.

 

Puedes ver cómo queda tu tienda con la plantilla seleccionada a través del botón ‘Previsualización’ encima del carrusel de plantillas. La previsualización te aparecerá en una ventana emergente en la que podrás navegar para comprobar cómo quedan las distintas páginas de tu tienda. Presionando la cruz situada en la parte inferior derecha de la ventana podrás regresar.

 

Atajo: Puedes cambiar la plantilla de tu tienda a través del menú Ajustar mi tienda / Diseño / Tienda / Plantillas o a través del acceso directo ‘Diseño’, que encontrarás en la parte superior derecha del Panel de Administración de tu tienda.

 

En el apartado personalizar podrás definir:

• Fondo

• Colores

• Logotipo

• Fuentes

Consejo: Encontrarás cuatro opciones (Fondo, Colores, Logotipo, Fuentes) en las nuevas plantillas como Slider, Pin y Fashion. Sin embargo, en las plantillas antiguas, tan sólo aparecerán las opciones de Fondo y Colores. Aunque podrás modificar los mismos campos siempre recomendamos que trabajéis con las plantillas nuevas, ya que están mejor adaptadas que las anteriores.

 

Fondos 

Estado: Puedes configurar todas las opciones del fondo de tu plantilla, pero no serán visibles hasta que no selecciones Habilitar. Si quieres volver a la configuración original de la plantilla, sólo tienes que marcar Deshabilitar.

Color de fondo: Selecciona un color para el fondo haciendo click en el recuadro blanco, a continuación en el desplegable te aparecerán toda la gama de colores que puedes elegir para darle fondo a u tienda online. Para anular el color de fondo, deja la selección en blanco o borra cualquier valor introducido.

 

Además del color de fondo dispones de dos opciones más para personalizar el fondo de tu tienda: puedes hacerlo mediante texturas o imágenes.

Texturas: Puedes asignar un color de fondo que te guste, y asignarle una textura si no quieres tener un fondo de un único color. Puedes asignar una de las texturas disponibles, o bien, adjuntar una textura personalizada que hayas creado. Si trabajas con archivos con formatos PNG podrás combinar tu textura con la opción color de fondo.

 

Imagen de fondo: como otra opción diferente puedes asignar una imagen de fondo. En este momento no tiene importancia el color de fondo que hayas elegido, ya que, únicamente aparecerá la imagen que hayas elegido de entre las Imágenes de fondo disponibles, o bien, un que hayas adjuntado mediante Fondo personalizado. Si quieres subir una imagen que has creado no olvides darle una resolución alta para que no aparezca pixelada sin que supere los 2KB de peso.

Colores

Estado: puedes modificar la fuente, el color y tamaño tanto como quieras, pero no aparecerá hasta que no indiques el Estado como Habilitado. Si quieres volver a las opciones fijadas previamente para la plantilla, únicamente debes seleccionar la opción Deshabilitado.

Puedes modificar el color de cualquier elemento descrito en la página, para ello solo debes hacer click en el recuadro blanco y seleccionar un color. Para anular o volver a su color inicial solo debes borrar el contenido y volverlo a dejar en su estado original.

Podrás modificar todos los elementos que aparecen:

 

CABECERA: Es el bloque superior de una página, generalmente donde encontramos la marca y la navegación.

1. Menú de usuario: Es el bloque que conforman los elementos inicio, cuenta, carrito, que generalmente está colocado en la parte superior de la página.

   1. Links: Textos o imágenes que enlazan a otra página que desees incluir en tu menú.

   2. Hover: Cambia el color de la letra cuando pasas el cursor por encima de un elemento del menú.

 

2. Menú de categorías: Es lo mismo que el menú de usuario pero aquí podrás configurar el color del fondo de cada categoría del menú.

   1. Background: El fondo del elemento del menú.

 

Categorías, Subcategorías y Selector de idiomas tienen las mismas opciones de dar color al Link, al Hover y al Background.

 

CUERPO:

 

1.  Títulos de módulos: Son los títulos de los diferentes módulos tales como Más vendidos, Ofertas, Destacados.

2. Hilo de Ariadna: Es una línea de texto en la que se indica el recorrido de navegación seguido y la forma de regresar. Permite que el usuario conozca la ruta de su ubicación.

3. Botones

4. Fondo del contenedor: Cada modulo como Destacados u Ofertas, pueden tener un fondo propio que se superpone al fondo general de la tienda.

PIE DE PÁGINA: puedes dar color a los enlaces, al hover y al color de fondo.

PRODUCTOS:

1. Asignas el color del nombre del producto, del link y del hover.

2. Vistas de precios: Controla el color de la variación de precios, por ejemplo, si te interesa mostrar que el precio ha cambiado con un color diferente.

Logotipo

 

En la pestaña Logotipo encontrarás la opción de situar el logotipo de tu tienda a la Izquierda, Centrado o Derecha.

Fuentes

En la pestaña Fuentes podrás cambiar el tipo de letra de:

• Menú principal

• Títulos

• Cuerpo

• Precio

• Pie de página

En el recuadro azul de la derecha podrás ver cómo queda tu elección.