[1.5.x]Set grid view as default

matlamont wrote:for anyone who have tried all the above and still opencart displays list view the problem lies with you hosting providers firewall settings rejecting the cookie opencart is trying to set to display grid view

cryoutcreations wrote:I think the easiest mod to make grid default (until it will be included as an option in the admin) is to add

Code: Select all

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

in the theme's footer.tpl.

It is safe to use as it checks if the function is defined before calling it, so the browser doesn't spit out a javascript error on pages without products on them.

LE: I've written a module that does this without the need to edit the theme anymore: CR2 Grid Enabler

cryoutcreations wrote:I think the easiest mod to make grid default (until it will be included as an option in the admin) is to add

Code: Select all

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

in the theme's footer.tpl.

It is safe to use as it checks if the function is defined before calling it, so the browser doesn't spit out a javascript error on pages without products on them.

LE: I've written a module that does this without the need to edit the theme anymore: CR2 Grid Enabler

qahar wrote:Open category.tpl and find code bellow:

Code: Select all

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

Do the same thing on other page used grid-list, like manufacturer, special etc

<script type="text/javascript"><!--
function display(view) {
	if (view == 'list') { [b]<-----this is be the "GRID"----->[/b]


		$('.product-grid').attr('class', 'product-list');
		
		$('.product-list > div').each(function(index, element) {
			html  = '<div class="right">';
			html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
			html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
			html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
			html += '</div>';			

cryoutcreations wrote:
LE: I've written a module that does this without the need to edit the theme anymore: CR2 Grid Enabler