Changing default view to grid

[Cassiefa]

I'm having trouble setting my default view in categories from list to grid.

I've tried a few things from other threads on the forum including downloading the vqmod and adding this mod uksb_grid_view_default.xml but it hasn't changed the view, despite clearing cookies.

I'm using the default template of Opencart 1.5.2.1 - so do I need to make changes to anything in my admin area to make the default grid setting apply?

This is my store: http://www.tutuswingsandprettythings.com

Any help is greatly appreciated!

[dbassa]

Hello Casiefa,

Try to locate this piece of code, generally at the bottom of the tpl category list file:

Code: Select all

view = $.cookie('display');

if (view) {
   display(view);
} else {
   display('list');
}


You should just change de part: display('list') to display('grid')

Like this:

Code: Select all

view = $.cookie('display');

if (view) {
   display(view);
} else {
   display('grid');
}


Best regards,

[Melanie]

Hi there,

I done the above but it still didnt make a difference.

Still listing in list view...


Any help?
Thanks.

[MarketInSG]

Clear your browser cookies after you done that and you should see the effect. New users to your website will see view as default 'grid'. Else if you want permanent grid layout, add this:

Code: Select all

<script type="text/javascript">$(document).ready(function() { if(typeof display == 'function') { display('grid'); } });</script>

[dbassa]

MarketInSG,

Could you explain what does exactly this script?

Thanks,

[MarketInSG]

Clear your browser cookies after you done that and you should see the effect. New users to your website will see view as default 'grid'. Else if you want permanent grid layout, add this:

Code: Select all

<script type="text/javascript">$(document).ready(function() { if(typeof display == 'function') { display('grid'); } });</script>

[dbassa]

I meant the javascript code. It doesn't matter. Thanks anyway.

[jariusj77]

Hopefully somebody else can give you a better answer![img]Hopefully%20somebody%20else%20can%20give%20you%20a%20better%20answer[/img]

[MarketInSG]

Hopefully somebody else can give you a better answer![img]Hopefully%20somebody%20else%20can%20give%20you%20a%20better%20answer[/img]

Not useful comments can be kept

[opm595]

I had the same prob, wanting to have Grid by default.
I went with what dbassa instructions and it worked fine for me.
Just changed display('list'); to display('grid'); in the category TPL file, cleared my cache and presto!
All good here.
Many thanks for that tip, dbassa.
Cheers!

[dbassa]

You're welcome!

[werepair]

UKsitebuilder has a vqmod for this http://forum.opencart.com/viewtopic.php?f=131&t=38143

Regards

[onlyjf]

Thanks for this

[hellreturn]

Can someone please tell me the path for that file?

[dbassa]

tpl category list file:

catalog/view/theme/default/template/product/category.tpl

At the end of the file you will find it.

Best Regards,

[lmw1]

The javascript above to make the grid view permanent. Where do you place this script? I put it in the bottom of the category.tpl file and you can still choose list.

Or am I misinterpreting this? lol

Respectfully,
Len

[sjiitb]

hi
I've changed the default view to grid but what happens now is that it goes back to list randomly - only sometimes, on some machines.

Could someone please point me in the right direction?

This is what i've done

f (view) {
display(view);
} else {
display('list'); ---> change to grid
}

[Rosettes]

Hello Casiefa,

Try to locate this piece of code, generally at the bottom of the tpl category list file:

Code: Select all

view = $.cookie('display');

if (view) {
   display(view);
} else {
   display('list');
}


You should just change de part: display('list') to display('grid')

Like this:

Code: Select all

view = $.cookie('display');

if (view) {
   display(view);
} else {
   display('grid');
}


Best regards,

Just wanted to say you star, it worked perfectly for me too! However after clicking around my website I decided I preferred the list view instead, but awesome it worked straight away so thought I would comment

[SunehraTech]

dbassa help worked for me.. thanks

[ForgetfulGuru]

@dbassa Thanks this simple change was just what I was looking for.