Categoría: CSS

Categoría en la que hablaremos sobre CSS

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

Más que una pregunta, es 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:

Menú horizontal de Prestashop 1.7
Menú horizontal de Prestashop 1.7

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

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

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

fabricantess

La guía está 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

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

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 será suficiente con tocar el fichero “product.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) Continúa leyendo Guía – Cambiar el fondo verde de “disponibilidad” en la ficha del producto en Prestashop 1.5

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 línea:

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

Y dejarlo así: Continúa leyendo Guía – Eliminar la descripción corta del producto en la ficha del producto en Prestashop 1.5

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

En este manual para Prestashop, explicaremos como ocultar la columna derecha de la tienda en la página principal de Prestashop.

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

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

/themes/default/css/global.css

Dentro de dicho fichero añadimos la siguiente línea: Continúa leyendo Guía – Ocultar la columna derecha en la página principal de Prestashop

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

En este manual para Prestashop, vamos a ocultar la columna izquierda en Prestashop bajo la plantilla por defecto en la ficha del producto.

pdefecto
Ocultar la columna izquierda en Prestashop

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

El primero paso, consiste en acceder al fichero:

/themes/default/css/global.css

Y añadir esto:

#product #left_column {
display: none;
}

Con los cambios aplicados, ya no veremos la “columna izquierda” en Prestashop, 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

Continúa leyendo Guía – Ocultar la columna izquierda en la ficha del producto en Prestashop

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
Continúa leyendo Guía – Mostrar subcategorías en grid (cuadricula) en Prestashop 1.5

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.

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