Skip to content

Archivo por categorías: CSS

comment

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

2013 septiembre 4

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

Leer mas…

Print Friendly

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

2013 marzo 7
Comentarios desactivados

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) Leer mas…

Print Friendly

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

2013 marzo 7

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í: Leer mas…

Print Friendly

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

2013 febrero 17
Comentarios desactivados

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: Leer mas…

Print Friendly

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

2013 febrero 16
Comentarios desactivados

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

Leer mas…

Print Friendly

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

2013 febrero 16

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
Leer mas…

Print Friendly

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

2013 febrero 8
Comentarios desactivados

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.

Leer mas…

Print Friendly

Cambiar el fondo y color del porcentaje de descuento en el bloque de promociones especiales en Prestashop 1.5

2013 enero 31
Comentarios desactivados

En esta guía, explicaremos como cambiar  el fondo y el color del porcentaje del descuento en el bloque de promociones especiales en Prestashop 1.5.

rebajaDescuento

Bloque Promociones especiales en Prestashop

Para cambiar el fondo y el color del porcentaje de descuento de tal bloque en Prestashop, seguiremos los siguientes pasos:

1) Iremos al fichero:

modules/blockspecials/blockspecials.css

Y dentro del fichero, buscaremos el siguiente código:

Leer mas…

Print Friendly

Guía – Cambiar el color del precio rebajado en el bloque de promociones especiales en Prestashop 1.5

2013 enero 31
Comentarios desactivados

En esta guía, vamos a explicar como cambiar el color del precio rebajado en el bloque de promociones especiales en Prestashop 1.5.

pre_rebajado

Color precio del bloque de promociones en Prestashop

 

Dividiremos las acciones en 2 pasos.

El primer paso, sera ir al fichero:

modules/blockspecials/blockspecials.css

Y en tal fichero, buscaremos el siguiente código:

#special_block_right .products span.price {
display:block;
padding:3px 0 0 0;
font-weight:bold;
font-size:14px;
color:#900
}

Leer mas…

Print Friendly

Guía – Cambiar el color del precio original del bloque de promociones especiales en Prestashop 1.5

2013 enero 31
Comentarios desactivados

En esta guía, explicaremos como cambiar el color del precio original en el bloque de promociones especiales en Prestashop 1.5.

bloquecolorrebajado

Seguiremos lo siguientes pasos:

1) El primero paso, sera editar el fichero:

/modules/blockspecials/blockspecials.css

Buscar el siguiente código:

#special_block_right .products span.price-discount {
font-size:14px;
text-decoration:line-through
}

Leer mas…

Print Friendly