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..”

Logo en Prestashop 1.7 con la plantilla por defecto

Logo en Prestashop 1.7 con la plantilla por defecto

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

¿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

Existen varias formas 🙂

Una de ellas es la siguiente,

El primero paso es -> Eliminar/ocultar el logo de Prestashop 1.7

El segundo paso es en el mismo fichero donde hemos ocultado el logo, que recordamos que es el fichero:

/themes/classic/templates/_partials/header.tpl

Justo debajo de:

<nav class="header-nav">

Añadimos el siguiente código:

<div class="container"><a href="{$urls.base_url}">
<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}" />
</a></div>
Código logo Prestashop 1.7 cambio ubicación

Código logo Prestashop 1.7 cambio ubicación

Sigue leyendo

Print Friendly

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:

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

Y aunque podríamos modificar directamente la línea:

.carousel .carousel-inner {
height: 340px;
}

Lo que vamos hacer es añadir una nueva línea en el fichero en el fichero:

/themes/classic/assets/css/custom.css

.carousel .carousel-inner {
height: nueva_alturapx;
}

CSS personalizado en Prestashop 1.7

CSS personalizado en Prestashop 1.7

En nueva_altura, definimos el numero de pixeles que nosotros queremos definir para la altura del slider en Prestashop 1.7

 

Print Friendly

¿No se ven las subcategorías en los listado de las categorías en Prestashop 1.7?

Más que una pregunta, era una afirmación pero siendo un poco original, prefiero colocar un titular amarillista…

Lo dicho, en Prestashop 1.7, no se ven las subcategorías cuando pinchas en una categoría.

¿Por qué?

Sencillo, no está implementada esa función a día de hoy en Prestashop 1.7.0.3

Muestro imágenes, para que veáis a lo que me refiero:

Al principio creía que era como pasaba en Prestashop 1.6, que no estaba chequeada en el “Configurador de temas” la opción: “Mostrar subcategorías”

Mostrar subcategorías en Prestashop 1.6

Mostrar subcategorías en Prestashop 1.6

Pero no…..

El problema viene debido a que en Prestashop 1.7.0.3, no tiene implementada esta función…

Tenemos varias soluciones por la Comunidad de Prestashop, en esta ocasión, vamos a obtener la solución que nos proporciona el usuario “nemo“.

Nos propone lo siguientes cambios:

1 – Modificar fichero TPL

Editamos el fichero:

/themes/classic/templates/catalog/listing/category.tpl

Donde tenemos el siguiente código:

Código Category.tpl en Prestashop 1.7

Código Category.tpl en Prestashop 1.7

Sigue leyendo

Print Friendly

Guía – Mostrar marcas en grid (cuadrícula) en Prestashop 1.5

fabricantess

La guía esta basada en Prestashop 1.5.5.0 con la plantilla por defecto.

Los ficheros, que vamos a editar son los siguientes:

/themes/default/css/global.css

/themes/default/manufacturer-list.tpl

Vamos a empezar, con el fichero:

/themes/default/manufacturer-list.tpl

Sigue leyendo

Print Friendly

Guía – Cambiar el fondo verde de “disponibilidad” en la ficha del producto en Prestashop 1.5

En esta guía, explicaremos como cambiar el “fondo verde” de disponibilidad en la ficha del producto en Prestashop 1.5.

fdiaplo

Cambiar fondo “disponibilidad” en la ficha del producto en Prestashop 1.5

En principio sera suficiente con tocar el ficheroproduct.css” de la plantilla en Prestashop 1.5.

En el fichero en cuestión: (Como normalmente hacemos, recordamos que estamos trabajando bajo la plantilla por defecto de Prestashop 1.5) Sigue leyendo

Print Friendly

Guía – Eliminar la descripción corta del producto en la ficha del producto en Prestashop 1.5

En esta guía, explicaremos como eliminar la descripción corta de la ficha del producto en Prestashop 1.5.

Recordamos que estamos trabajando bajo la plantilla por defecto de Prestashop 1.5, en este caso particular estamos trabajando con Prestashop 1.5.3.1.

fproducto

Eliminas descripción corta en la ficha del producto en Prestashop 1.5

Podemos por ejemplo “ocultarla” con el css.

Para ocultarlo con la descripción corta del producto en la ficha del producto en Prestashop 1.5 con css, podemos ir al fichero:

/themes/default/css/product.css

Buscar la siguiente linea:

#pb-left-column #short_description_block {
color:#666;
}

Y dejarlo así: Sigue leyendo

Print Friendly

Guía – Ocultar la columna derecha en la página principal de Prestashop 1.5

En esta guía, explicaremos como ocultar la columna derecha de tu tienda principal en la página principal bajo Prestashop 1.5.

ocultarcolumnaDerecha

Ocultar la columna derecha en la página principal en Prestashop 1.5

El primero paso sera ocultar dicha columna “solo en la página principal” de tu tienda Prestashop, para ello editamos el fichero:

/themes/default/css/global.css (Estamos trabajando con la plantilla por defecto de Prestashop 1.5)

Dentro de dicho fichero añadimos la siguiente linea: Sigue leyendo

Print Friendly

Guía – Ocultar la columna izquierda en la ficha del producto en Prestashop 1.5

En esta guía, vamos a ocultar la columna izquierda en Prestashop 1.5 bajo la plantilla por defecto en la ficha del producto.

pdefecto

Ocultar la columna izquierda en Prestashop

Vamos a seguir 3 pasos, para ocultar el lateral “Izquierdo” en Prestashop 1.5 y adaptar la columna central y la ficha del producto al “nuevo ancho”.

El primero paso es ir al fichero:

/themes/default/css/global.css

Y añadir esto:

#product #left_column {
display: none;
}

Con esto ya no veremos la “columna izquierda” en Prestashop 1.5, pero veremos que “Necesitamos aumentar la columna central” para cuadrar la página.

faltaancho

Necesitamos ampliar el ancho de la columna central en Prestashop 1.5

Sigue leyendo

Print Friendly

Guía – Mostrar subcategorías en grid (cuadricula) en Prestashop 1.5

En esta guía, vamos a explicar como mostrar el listado de subcategorías en “Grid” (cuadricula) en Prestashop 1.5, bajo la plantilla por defecto.

Cuando vemos normalmente el listado de subcategorías, lo vemos en formato de “lista”.

mostrarsubcategorias

Listado subcategorías en Prestashop 1.5

Pero ¿Y si quisiéramos ver los listados de subcategorías en “Grid”, es decir una subcategoría al lado de otra?

Para conseguir que las subcategorías se muestren una al lado de otra, vamos a seguir los siguientes pasos:

1) Ir al fichero

/themes/default/css/category.css
Sigue leyendo

Print Friendly

Guía – Como modificar y crear una plantilla en Prestashop

Estos vídeos sobre como modificar y crear una plantilla, están desarrollados por el usuario Luis Cambra del foro de Prestashop

Aunque el vídeo, fue preparado para Prestashop 1.4, os puede servir de orientación para Prestashop 1.5.

Es una colección de 2 vídeos, que os ayudara a modificar vuestra plantilla Prestashop de una forma sencilla y eficaz.

Sigue leyendo

Print Friendly