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

contentBox vs HTMLBox en Prestashop

Dos módulos con un mismo destino en Prestashop
Dos módulos con un mismo destino en Prestashop

Ambos módulos llevo utilizando prácticamente desde que fueron publicados, si bien es cierto que ambos permiten añadir texto/imágenes/vídeos en distintas posiciones de la tienda en Prestashop, existen diferencias y bastantes importantes.

La comparación, la vamos a realizar bajo la versión 1.6 de Prestashop, por ser la versión más estable por el momento (aunque dispongamos desde hace meses de la versión 1.7 de Prestashop para descargar).

Continúa leyendo contentBox vs HTMLBox en Prestashop

Editor CSS en Prestashop

Disponemos desde hace una eternidad un aporte del usuario Dh42 de la Comunidad de Prestashop que permite añadir nuestros propios estilos desde la misma configuración del módulo, sin necesidad por ejemplo de editar el fichero global.css o el *.css que vayamos a modificar.

Continúa leyendo Editor CSS en Prestashop

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 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) 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

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

En este manual sobre Prestashop, comentamos la forma de cambiar  el fondo y el color del porcentaje del descuento en el bloque de promociones especiales en Prestashop.

rebajaDescuento
Bloque Promociones especiales en Prestashop

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

1) Nos dirigimos al fichero:

modules/blockspecials/blockspecials.css

Y dentro del fichero, buscamos el siguiente código CSS:

Continúa leyendo Cambiar el fondo y color del porcentaje de descuento en el bloque de promociones especiales en Prestashop

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

En este tutorial para Prestashop, vamos a explicar cómo cambiar el color del precio rebajado en el bloque de promociones especiales en Prestashop.

pre_rebajado
Color precio del bloque de promociones en Prestashop

Dividiremos las acciones en 2 pasos.

El primer paso, será ir al fichero:

modules/blockspecials/blockspecials.css

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

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

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

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

En este manual sobre Prestashop, explicaremos la posibilidad de cambiar el color del precio original en el bloque de promociones especiales en Prestashop.

Precio sin descuento en Prestashop
Precio sin descuento en Prestashop

Seguiremos lo siguientes pasos:

1) El primero paso, será editar el fichero:

/modules/blockspecials/blockspecials.css

Buscar el siguiente código CSS:

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

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

Guía – Cambiar el color del nombre del producto en el bloque de promociones especiales en Prestashop

En este manual de Prestashop, explicaremos donde cambiar el color del nombre del producto en el bloque de promociones especiales en Prestashop.

bloque_promociones
Color nombre del producto en Prestashop del bloque de promociones

Debemos seguir los siguientes pasos.

1) Editar el fichero:

modules/blockspecials/blockspecials.css

Continúa leyendo Guía – Cambiar el color del nombre del producto en el bloque de promociones especiales en Prestashop