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, PDF & Email

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, PDF & Email

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, PDF & Email

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, PDF & Email

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

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:

Sigue leyendo

Print Friendly, PDF & Email

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

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
}

Sigue leyendo

Print Friendly, PDF & Email

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

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
}

Sigue leyendo

Print Friendly, PDF & Email

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

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

bloque_promociones

Color nombre del producto en Prestashop del bloque de promociones

 

Debemos seguir los siguientes pasos.

1) Edita el fichero:

modules/blockspecials/blockspecials.css

Sigue leyendo

Print Friendly, PDF & Email

Guía – Mostrar la columna izquierda en la zona de “Mi cuenta” en Prestashop 1.5

En esta guía, explicaremos como mostrar la columna izquierda en la zona de “Mi cuenta” en Prestashop 1.5

Por defecto, cuando accedemos a la zona de “Mi cuenta” en Prestashop 1.5, la columna izquierda esta oculta.

columnaocu

Zona “Mi cuenta” en Prestashop

 

Para mostrar la columna izquierda en la zona de “Mi cuenta“, debemos ir al fichero:

/themes/default/css/my-account.css

En dicho fichero, buscaremos lo siguiente:

#my-account #left_column {
display: none;
}

Sigue leyendo

Print Friendly, PDF & Email

Guía – Cambiar el tamaño de la fuente del nombre de la categoría en Prestashop 1.5

En esta guía, explicaremos como cambiar el  tamaño de la fuente del nombre de la categoría en Prestashop 1.5.

En un articulo anterior, comentaba como cambiar el color del nombre de la categoría: Guía – Cambiar el color del nombre de la categoría en Prestashop 1.5

tamanyo

Tamaño de la fuente del nombre de la categoría en Prestashop

Para cambiar el tamaño de la fuente del nombre de la categoría en Prestashop, en este caso vamos a editar el fichero:

/themes/default/css/category.css

En el fichero indicado, buscamos lo siguiente:

h1 {
margin-bottom: 10px;
}

Sigue leyendo

Print Friendly, PDF & Email