Ocultar colores y texturas en los listados de productos en Prestashop

Colores en los listados de productos en Prestashop

Si queremos ocultar los colores de las combinaciones de los productos en los listados, para dejar la visualización de los mismos solo disponibles en la ficha del producto, disponemos de varias opciones que pasamos a comentar.

1 – Podemos editar el fichero:

/themes/default-bootstrap/css/product_list.css

Buscar la siguiente línea de código CSS:

[sourcecode language=»css»]
ul.product_list .color-list-container {
margin-bottom: 12px;
}

[/sourcecode]

Y añadir un «display:none» para ocultar el bloque.

[sourcecode language=»css»]
ul.product_list .color-list-container {
margin-bottom: 12px;
display:none;
}

[/sourcecode]

2 – Otra forma, es editar el fichero:

/themes/default-bootstrap/product-list.tpl

Buscar el siguiente código:

[sourcecode language=»css»]

{if isset($product.color_list)}

{$product.color_list}

{/if}
[/sourcecode]

Y comentar el código (comentar código en Smarty)

[sourcecode language=»css»]

{* {if isset($product.color_list)}

{$product.color_list}

{/if} *}
[/sourcecode]

Comentar código Smarty

Si optas por la última opción y no visualizas los cambios, no se te olvide limpiar la caché en la pestaña Parámetros Avanzados -> Rendimiento

Borrar caché

Documento actualizado hasta Prestashop 1.6.1.18 con la plantilla por defecto.

Actualización del artículo:

También fichero: /themes/default-bootstrap/product-list-colors.tpl

Buscar el siguiente código:

[sourcecode language=»text»]

    {foreach from=$colors_list item=’color’}
    {if isset($col_img_dir)}
    {assign var=’img_color_exists’ value=file_exists($col_img_dir|cat:$color.id_attribute|cat:’.jpg’)}


  • {/if}
  • {/if}
    {/foreach}

{/if}
[/sourcecode]

Y comentarlo (comentar código en Smarty)

[sourcecode language=»text»]
{*

    {foreach from=$colors_list item=’color’}
    {if isset($col_img_dir)}
    {assign var=’img_color_exists’ value=file_exists($col_img_dir|cat:$color.id_attribute|cat:’.jpg’)}


  • {/if}
  • {/if}
    {/foreach}

{/if} *}
[/sourcecode]

Comentar código

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *