Fondo según sección en Prestashop 1.7

Pequeño tutorial para cambiar el fondo de la tienda según la sección donde nos encontremos.

Fondo sección de contacto en Prestashop 1.7
Fondo pantalla responsive

Continúa leyendo Fondo según sección en Prestashop 1.7

Quitar sombras de los productos en Prestashop 1.7

En todos los sitios donde vemos los listados de productos en Prestashop 1.7, vemos que rodea a los productos una especie de sombra.

Sombra productos Prestashop

La idea es dejar los productos de la siguiente forma:

Productos sin sombra

Cuando intentamos inspeccionar el elemento, por ejemplo desde Chrome (F11 / botón derecho del ratón -> inspeccionar elemento).

Inspeccionar elemento

Vemos en el fichero:

/themes/classic/assets/css/theme.css

Continúa leyendo Quitar sombras de los productos en Prestashop 1.7

Banner de la página principal en la cabecera en Prestashop 1.7

En este pequeño documento, vamos a cambiar de localización del módulo de banner que se muestra en la página principal para colocarlo en la cabecera de la tienda.

Banner principal en Prestashop 1.7

La idea es dejar ese banner en la cabecera de la tienda.

Banner cabecera

Vemos que en el fichero: /themes/classic/templates/_partials/header.tpl (versión 1.7.2.4 de Prestashop) disponemos de la siguiente línea de código:

{block name='header_banner'}
<div class="header-banner">
{hook h='displayBanner'}
</div>
{/block}
header.tpl

Y la vamos a dejar del siguiente modo (hemos encerrado la impresión del hook -> displayBanner dentro de un div con clase container):

Continúa leyendo Banner de la página principal en la cabecera en Prestashop 1.7

[DOC] Ver CSS descomprimido en Prestashop 1.7

Documento que nos sirve para descomprimir el fichero: theme.css que viene comprimido por defecto en Prestashop 1.7.

Para ver como descomprimir el fichero, debéis pinchar en la siguiente imagen:

Acceder al manual para Prestashop 1.7 que permite ver el fichero theme.css descomprimido
Acceder al manual para Prestashop 1.7 que permite ver el fichero theme.css descomprimido

No se ve el enlace de contacte con nosotros en la cabecera de Prestashop 1.7

Hace tiempo que no escribo, y aquí va otro post chorra sobre Prestashop 🙂

En las variantes actuales de Prestashop 1.7 (al menos en la 1.7.2.3 y anteriores variantes de Prestashop 1.7) no aparece el enlace de Contacte con nosotros en la cabecera cuando se muestra el número de teléfono de la tienda.

Enlace “Contacte con nosotros” en la cabecera de Prestashop 1.7
Teléfono cabecera Prestashop 1.7

¿Cómo es posible si estamos hablando del módulo: “Información de contacto“?

Se debe a que en el fichero: “/themes/classic/modules/ps_contactinfo/nav.tpl“, disponemos de un condicional que dice “Si se muestra el número de teléfono no se muestra el enlace de “Contacte con nosotros”

Código Módulo Prestashop 1.7

Una de las posibles opciones para que se vea el enlace de “Contacte con Nosotros” al lado del “Teléfono” cuando tengamos configurado el número de teléfono de la tienda, es copiar la siguiente línea de código:


<a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>

Continúa leyendo No se ve el enlace de contacte con nosotros en la cabecera de Prestashop 1.7

Cambiar tamaño del logo en Prestashop 1.7

Si en la pestaña Diseño -> Temas y logotipo, intentamos subir un logo, por ejemplo, del siguiente tamaño:

Elección del logo para Prestashop 1.7
Elección del logo para Prestashop 1.7
Subiendo logo en Prestashop 1.7

Vemos, que reduce en exceso el tamaño del logo:

Logo muy pequeño en Prestashop 1.7
Logo muy pequeño en Prestashop 1.7

Continúa leyendo Cambiar tamaño del logo en Prestashop 1.7

Añadir ficheros CSS y JavaScript en Prestashop

En esta ocasión, vamos hablar de un aporte desarrollado por el usuario Tuni-Soft de la Comunidad de Prestashop, que nos permite cargar nuestros propios ficheros *.css y *.js para luego cargarlos tanto en la tienda como en el mismo panel de administración.

Continúa leyendo Añadir ficheros CSS y JavaScript en Prestashop

Cambiar logo de ubicación en Prestashop 1.7

Vamos a cambiar el logo de ubicación (bajo la plantilla por defecto de Prestashop 1.7) y colocarlo encima del bloque de “Contacte con nosotros, carrito, etc..”

Por defecto, en Prestashop 1.7, vemos logo así.

Logo en Prestashop 1.7 con la plantilla por defecto
Logo en Prestashop 1.7 con la plantilla por defecto

¿Y si quisiéramos que el logo se viera de la siguiente forma?

Ubicación del logo cambiada en Prestashop 1.7
Ubicación del logo cambiada en Prestashop 1.7

Continúa leyendo Cambiar logo de ubicación en Prestashop 1.7

Cambiar altura del slider en Prestashop 1.7

En la pestaña Módulos -> Módulos -> Módulos Instalados, si buscamos el módulo:

ps_imageslider / carrusel de imágenes

Vemos que no tenemos ninguna opción de configuración para ajustar la altura del contenedor del slider en Prestashop 1.7 (al menos en Prestashop 1.7.1.0 con la versión 2.0 del módulo)

¿Dónde se configura la altura del contenedor del Slider en Prestashop 1.7?
¿Dónde se configura la altura del contenedor del Slider en Prestashop 1.7?

Desde firebug / inspeccionar elemento, vemos que es debido a que la instrucción:

Altura del Slider en Prestashop 1.7
Altura del Slider en Prestashop 1.7

.carousel .carousel-inner tiene limitada el “height” (altura) a 340px;

Podríamos ir directamente al fichero:

Continúa leyendo Cambiar altura del slider en Prestashop 1.7