Módulo PRESTASHOP DISEÑO FÁCIL – PERSONALIZACIÓN DE TU PLANTILLA

GUÍA DE INSTALACIÓN Y DE CONFIGURACIÓN

ÍNDICE I) Instalación (v1.6).............................................................3 II) Instalación (v1.5)............................................................5 III) Añadir una imagen........................................................7 IV) Añadir un texto............................................................10 V) Añadir un script............................................................13 VI) Consejos para colocar los elementos.......................16 VII) Ordenar, editar, duplicar, eliminar elementos.........19 VIII) Tu opinión..................................................................21 IX) Contáctanos................................................................22 X) Nuestros módulos........................................................23

INSTALACIÓN (v1.6) 1.Va a la página Lista de módulos (Módulos → Módulos)

2.Haz clic en Añadir nuevo módulo

3.Haz clic en Elegir un archivo 4.Selecciona el archivo lgdesignheader.zip 5.Haz clic en Subir este módulo

6.Encuentra el módulo Diseño Fácil 7.Haz clic en Instalar

8.Haz clic en Configurar

INSTALACIÓN (v1.5) 1.Va a la página Lista de módulos (Módulos → Módulos)

2.Haz clic en Añadir nuevo módulo

3.Haz clic en Examinar 4.Selecciona el archivo lgfreeshippingzones.zip 5.Haz clic en Subir este módulo

6.Encuentra el módulo Fácil Diseño 7.Haz clic en Instalar

8.Haz clic en Configure

AÑADIR UNA IMAGEN 1.Haz clic en el botón Nuevo Elemento 2.Elige Imagen y haz clic en Continuar

3.Configura la imagen

3.1.Elige la parte de la página en la que insertar la imagen Top = cabecera / header Footer = pie de página Home = inicio (parte central de la página) LeftColumn = columna de izquierda RightColumn = olumna de derecha ExtraLeft = parte izquierda fichas de productos RightLeft = parte derecha fichas de productos

TOP

LEFT COLUMN

HOME

RIGHT COLUMN

FOOTER

EXTRA LEFT

EXTRA RIGHT

3.2.Define la distancia en píxeles a partir del borde superior del container → permite mover la imagen verticalmente

→ ver la parte CONSEJOS PARA COLOCAR LOS ELEMENTOS

Sólo funciona con Top, Footer, ExtraLeft y RightLeft. Utiliza el Live Edit (Módulos → Posición → Ejecutar el LiveEdit) para Home, LeftColumn y RightColumn.

3.3.Define la distancia en píxeles a partir del centro del container → permite mover la imagen horizontalmente → ver la parte CONSEJOS PARA COLOCAR LOS ELEMENTOS

Sólo funciona con Top, Footer, ExtraLeft y RightLeft. Utiliza el Live Edit (Módulos → Posición → Ejecutar el LiveEdit) para Home, LeftColumn y RightColumn.

3.4.Define la anchura de la imagen en píxeles

3.5.Define la altura de la imagen en píxeles

3.6.Asocia un enlace a la imagen

3.7.Añade una imagen haciendo clic en Examinar

3.8.Puedes seleccionar una imagen o un enlace distinto per idioma si tienes una tienda multi-idioma haciendo clic en una de las banderas a la derecha de los campos

3.9.Haz clic en Guardar

AÑADIR UN TEXTO 1.Haz clic en el botón Nuevo Elemento 2.Elige Texto y haz clic en Continuar

3.Configura el texto

3.1.Elige la parte de la página en la que insertar el texto Top = cabecera / header Footer = pie de página Home = inicio (parte central de la página) LeftColumn = columna de izquierda RightColumn = olumna de derecha ExtraLeft = parte izquierda fichas de productos RightLeft = parte derecha fichas de productos

TOP

LEFT COLUMN

HOME

RIGHT COLUMN

FOOTER

EXTRA LEFT

EXTRA RIGHT

3.2.Define la distancia en píxeles a partir del borde superior del container → permite mover el bloque de texto verticalmente

→ ver la parte CONSEJOS PARA COLOCAR LOS ELEMENTOS

Sólo funciona con Top, Footer, ExtraLeft y RightLeft. Utiliza el Live Edit (Módulos → Posición → Ejecutar el LiveEdit) para Home, LeftColumn y RightColumn.

3.3.Define la distancia en píxeles a partir del centro del container → permite mover el bloque de texto horizontalmente → ver la parte CONSEJOS PARA COLOCAR LOS ELEMENTOS

Sólo funciona con Top, Footer, ExtraLeft y RightLeft. Utiliza el Live Edit (Módulos → Posición → Ejecutar el LiveEdit) para Home, LeftColumn y RightColumn.

3.4.Define la anchura del bloque de texto en píxeles

3.5.Define la altura del bloque de texto en píxeles

3.6.Añade y personaliza tu texto utilizando la barra de menú (color, tamaño, enlace, fuente, alignación...). Puedes también añadir un código HTML pulsando en el botón HTML.

3.7.Puedes seleccionar un texto distinto per idioma si tienes una tienda multi-idioma haciendo clic en una de las banderas

3.8.Haz clic en Guardar

AÑADIR UN SCRIPT (HTML, JAVASCRIPT, PHP...) 1.Haz clic en el botón Nuevo Elemento 2.Elige Script y haz clic en Continuar

3.Configura tu script

3.1.Elige la parte de la página en la que insertar el script Top = cabecera / header Footer = pie de página Home = inicio (parte central de la página) LeftColumn = columna de izquierda RightColumn = olumna de derecha ExtraLeft = parte izquierda fichas de productos RightLeft = parte derecha fichas de productos

TOP

LEFT COLUMN

HOME

RIGHT COLUMN

FOOTER

EXTRA LEFT

EXTRA RIGHT

3.2.Define la distancia en píxeles a partir del borde superior del container → permite mover el bloque de script verticalmente

→ ver la parte CONSEJOS PARA COLOCAR LOS ELEMENTOS

Sólo funciona con Top, Footer, ExtraLeft y RightLeft. Utiliza el Live Edit (Módulos → Posición → Ejecutar el LiveEdit) para Home, LeftColumn y RightColumn.

3.3.Define la distancia en píxeles a partir del centro del container → permite mover el bloque de script horizontalmente → ver la parte CONSEJOS PARA COLOCAR LOS ELEMENTOS

Sólo funciona con Top, Footer, ExtraLeft y RightLeft. Utiliza el Live Edit (Módulos → Posición → Ejecutar el LiveEdit) para Home, LeftColumn y RightColumn.

3.4.Define la anchura del bloque de script en píxeles

3.5.Define la altura del bloque de script en píxeles

3.6.Escribe tu script

3.7.Puedes seleccionar un script distinto per idioma si tienes una tienda multi-idioma haciendo clic en una de las banderas

3.8.Haz clic en Guardar

CONSEJOS PARA COLOCAR ELEMENTOS Para cada elemento creado (imagen, texto o script), su posición por defecto depende ante todo del container eligido → el elemento estará colocado dentro de este container. Top = cabecera / header Footer = pie de página Home = inicio (parte central de la página) LeftColumn = columna de izquierda RightColumn = olumna de derecha ExtraLeft = parte izquierda fichas de productos RightLeft = parte derecha fichas de productos

Luego el borde izquierdo del elemento (imagen, texto o script) estará colocado por defecto (Desplazamiento horizontal / vertical = 0px) : – horizontal: al centro del container – vertical: arriba o abajo del container (según el hook eligido) Ejemplo: Inserciín de un mapa dentro del container Footer

— Límite del container —

Ejes para la posición por defecto del elemento

Para mover el elemento hacía la derecha: aumenta el valor del “Desplazamiento horizontal” → 0 corresponde al cruce de los ejes Para mover el elemento hacía la izquierda: reduce el valor del “Desplazamiento horizontal” → 0 corresponde al cruce de los ejes → escribe un valor negativo si quieres poner el elemento en la parte izquierda del container Para mover el elemento abajo: aumenta el valor del “Desplazamiento vertical” → 0 corresponde al cruce de los ejes Para mover el elemento arriba: reduce el valor del “Desplazamiento vertical” → 0 corresponde al cruce de los ejes → escribe un valor negativo si quieres poner el elemento por encima del eje

Consejos para ahorrar tiempo: 1.Para evitar ir y volver entre el front y el back-office, te recomendamos instalar la extensión gratis Firebug para Mozilla Firefox, disponible aquí: https://addons.mozilla.org/es/firefox/addon/firebug/ 2.Haz clic derecho en el elemento creado y haz clic Inspeccionar Elemento

3.Y puedes modificar en directo la posición del elemento desde la consola de Firebug modificando los atributos “top: ...px; left: …px;”

4.Se puede ver los cambios de forma instantánea en la web

5.Una vez que hayas encontrados los valores correctos, sólo tienes que pegar y copiarlos (top=desplazamiento vertical et left=desplazamiento horizontal) dentro del módulo

ORDENAR, EDITAR, DUPLICAR Y ELIMINAR ELEMENTOS 1. Ordenar elementos Si tienes muchos elementos, puedes fácilmente ordenarlos desde la lista de elementos haciendo clic en la bandera o en el hook que quieras (puedes cumular los 2 filtros) para mostrar sólo los elementos que corresponden a los criterios seleccionados.

Para reiniciar el filtro y mostrar de nuevo todos los elementos, sólo tienes que hacer clic en el botón En lo que concierne las imágenes, textos y scripts, puedes fácilmente saber lo que contiene cada elemento poniendo tu ratón sobre el elemento en la columna Tipo

2. Editar / modificar elementos Para cada elemento, haz clic en el botón Vuelves al formulario de creación del elemento con los datos que ya existen. Sólo tienes que modificar los datos que quieras y hacer clic después en el botón 3. Duplicar elementos Para cada elemento, haz clic en el botón Luego tienes que elegir los idiomas en los que quieres duplicar el elemento (tienda multi-idioma)

Te permite ahorrar mucho tiempo, no tienes que crear de nuevo elementos similares. Puedes modificar este elemento después haciendo clic en el botón 4. Eliminar elementos Puedes eliminar cada elemento haciendo clic en el botón

TU OPINIÓN Por favor, deja tu opinión sobre el módulo después de tu compra. Es rápido, útil para los otros usuario de PrestaShop y nos ayuda a desarrollar nuestra actividad. http://addons.prestashop.com/es/ratings.php Si tienes un problema con el módulo, ponte en contacto con nosotros antes de dar tu opinión sobre el módulo, nuestro soporte técnico hará todo lo posible para resolver tu problema.

CONTÁCTANOS Un problema? Una duda? Estamos aquí para ayudarte. Por favor utiliza el formulario de PrestaShop para ponerte en contacto con nosotros. https://addons.prestashop.com/es/Write-to-developper? id_product=16882 Si tienes problema con el módulo, por favor facilítanos con: - un acceso al admin/back-office (url, email y contraseña) con permisos suficientes para configurar el módulo - un acceso al FTP (servido, usuario y contraseña)

NUESTROS MÓDULOS

COOKIES

REDIRECCIONES

SITEMAPS

ORDENAR

TEXTE DÉFILAN

ENVÍO GRATIS

DISEÑO FÁCIL

ABONOS

MOVER PRODUCTOS

ACCESO PEDIDOS

MARQUESINA

DROPSHIPPING

TOTAL EKOMI

BANNERS

Visita nuestra tienda

OPINIONES

CONSULTAS FAQ

ENLACES