• Inicio

  • This is the forum index page
Guías sobre modificaciones y configuraciones de prestashop

Moderador: Antonio Torres

 #678  por Antonio Torres
 01 Sep 2014 11:40
En prestashop 1.6 con la plantilla por defecto se pueden ver los productos en forma de cuadricula o de lista, por defecto se muestran en cuadriculas y el usuario puede modificar el tipo de vista, pero y si nosotros queremos disponer los productos en forma de lista por defecto??.
Esto no esta contemplado en el backoffice para cambiar la opción y por ello hay que modificar el código de la plantilla para hacer esto posible.

Los que debemos modificar son los siguientes ficheros
  • /themes/default-bootstrap/js/global.js
  • /themes/default-bootstrap/product-list.tpl
Modificamos primero el archivo global.js
Abrimos el fichero y buscamos en el fichero function bindGrid()
Justo debajo reemplazamos:
Código: Seleccionar todo
function bindGrid()
{
	var view = $.totalStorage('display');
	
	if (!view && (typeof displayList != 'undefined') && displayList)
		view = 'list';

	if (view && view != 'grid')
		display(view);
	else
		$('.display').find('li#grid').addClass('selected');
	
	$(document).on('click', '#grid', function(e){
		e.preventDefault();
		display('grid');
	});

	$(document).on('click', '#list', function(e){
		e.preventDefault();
		display('list');
	});
}
por esto:
Código: Seleccionar todo
function bindGrid()
{
	var view = $.totalStorage('display');
	
	if (!view && (typeof displayList != 'undefined') && displayList)
		view = 'list';

	if (view && view != 'list')
	    display(view);
	else {
	    $('.display').find('li#list').addClass('selected');
            display("list");
    	}
	
	$(document).on('click', '#grid', function(e){
		e.preventDefault();
		display('grid');
	});

	$(document).on('click', '#list', function(e){
		e.preventDefault();
		display('list');
	});
}
Ahora modificamos el fichero product-list.tpl
Buscamos y reemplazamos:
Código: Seleccionar todo
<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}">
por esto:
Código: Seleccionar todo
<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list list row{if isset($class) && $class} {$class}{/if}">
Una vez hecho esto guardamos y subimos los ficheros.
Con esto ya tendríamos modificado para que la visualización de los productos se por defecto en tipo lista.

PD: Recordar tener activado la recompilación para que surjan efecto los cambios en Parámetros Avanzados -> Rendimiento

Saludos