7 replies to this topic

[rikardo]

I use default-bootstrap template in my prestashop 1.6

this theme has got feature to switch product list view method, we can select grid or list.

 

by default, this theme uses "grid" view. I just wondering what i can do to change the default "view" of product listing to "list" method:

 

[vekia]

of course - it's available to achieve. but it needs some customization of js file.   open this file located in your theme directory: /themes/default-bootstrap/js/global.js then in code search for: bindGrid()     there is a code like: finally i analysed code a little and  change:

        var view = $.totalStorage('display');	if (view && view != 'grid')		display(view);	else		$('.display').find('li#grid').addClass('selected'); 

to:

	var view = $.totalStorage('display');	if (view && view != 'list')	    display(view);	else {	    $('.display').find('li#list').addClass('selected');            display("list");    }

in: themes/default-bootstrapjsglobal.js   then go to themes/default-bootstrap/product-list.tpl and change:

<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}{if isset($active) && $active == 1} active{/if}">

to:

<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list list row{if isset($class) && $class} {$class}{/if}{if isset($active) && $active == 1} active{/if}">

[Nathan]

thank you vekia it works in my default theme,

my products are now displayed as "list" by default, great work!

 

any idea how to do the same for homefeatured products?

i created my topic: homefeatured list display

[vekia]

you're very welcome

glad that it works for you

 

i will create guide related to homefeatured module because it's a bit more complicated

[vekia]

i created a step by step guide also on my website: prestashop 1.6 grid to list

 

[DEFTONES]

hello vekia

i followed your guide and everything works well

im wondering, while im working on my template changes, how i can disable my shop like i can see on other prestashop websites?

i created new topic here: http://cart-help.com...op-temporarily/

[lucifermagnus]

hello vekia

i followed your and it made no change for me. Only that the LIST button appears selected by default, but products are still a grid.

 

What am I doing wrong? I've find the files and did all the modifications; but it seems nothing changes. [ www.beltercosmetic.ro ]. I use a custom theme.

I've modified as you said in themes/default-bootstrap/produt-list.tpl + JS directory , and I've done it into the TPL and JS ot the theme itself.

My global.JS code of the initial function looks like this:

"
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');

"

[MotifSky]

You just need to make some customization to the file