Para personalizar el icono del carro de compras de la plantilla por defecto de prestashop, hay que ir a 

httpdocs/themes/default-bootstrap/css/modules/blockcart

Buscar el trozo de código siguiente:

      content: "\f07a";

      font-family: "FontAwesome";

      display: inline-block;

      font-size: 23px;

      line-height: 23px;

      color: #000;

A saber, FontAwesome es una librería/fuente online que provee una serie de iconos más usados.   La línea content: "\f07a" hace referencia al icono del carrito de compras de prestashop. 

Para personalizar las dimensiones, el color, sólo hay que modificar el código CSS. O si se prefiere utilizar otro icono, en la siguiente web, hay bastantes ejemplos.

http://astronautweb.co/snippet/font-awesome/

http://fontawesome.io/icons/

 

Published in Prestashop

Resumen de los pasos a seguir para lograr cambiar el número de productos por fila de la página de inicio. Puede servir como pequeña guía para lograr el msimo efecto en otras páginas de productos - como categorías o productos más vistos.

 

1 - Crear un estilo css como el que sigue:

.col-md-23 {

     width: 20%; 

}

 

Un 20% nos permitirá mostrar 5 productos por fila. Lo insertamos entre .col-md-2 y .col-md-3

Para mostrar 4 productos por fila en categorías, no necesitamos más CSS del que ya está especificado en la plantilla.

 

2- Editar product-list.tpl

{if $page_name !='index' && $page_name !='product'}

{assign var='nbItemsPerLine' value=4}

{assign var='nbItemsPerLineTablet' value=2}

{assign var='nbItemsPerLineMobile' value=3}

{else}

{assign var='nbItemsPerLine' value=5}

{assign var='nbItemsPerLineTablet' value=3}

{assign var='nbItemsPerLineMobile' value=2}

{/if}

 

3- Cambio del tamaño de las imágenes

En Preferencias > Imágenes cambiamos el tamaño de las imágenes home_default de 250 x 250 a 200 x 250. Regeneramos las miniaturas correspondientes en la misma sección.

 

4- Uso de la clase css que hemos creado (en product-list.tpl)

 

Original:

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4{/if}

 

Modificado:

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-10 col-sm-4 col-md-23{else} col-xs-12 col-sm-4 col-md-3{/if}

Published in Prestashop

En el fichero global.css de la carpeta plantilla. 

- Cambiar la línea del CSS, agregando la última línea

#home-page-tabs {

padding: 10px 0;

margin: 0 0 0 -18px;

display: none;

}

Published in Prestashop