Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Grid List Transition


Recommended Posts

Regarding the grid/list function.

The transition between grid and/or list view is kinda rough isn't it? Some smoother fade transition would be cool.

Inside the ht_grid_list_view.php file.

<script>
$(function() {
	var cc = $.cookie(\'list_grid\');
	if (cc == \'list\') {
		$(\'#products .item\').removeClass(\'grid-group-item\').addClass(\'list-group-item\');
	} else {
		$(\'#products .item\').removeClass(\'list-group-item\').addClass(\'grid-group-item\');
	}
	$(document).ready(function() {
		$(\'#list\').click(function(event){
			event.preventDefault();
			$(\'#products .item\').fadeOut(300,function(){
				$(\'#products .item\').addClass(\'list-group-item\').removeClass(\'grid-group-item\').fadeIn()//updated
			});
			$.cookie(\'list_grid\', \'list\');
		});
		$(\'#grid\').click(function(event){
			event.preventDefault();
			$(\'#products .item\').fadeOut(300,function(){
				$(\'#products .item\').removeClass(\'list-group-item\').addClass(\'grid-group-item\').fadeIn()//updated
			});
			$.cookie(\'list_grid\', \'grid\');
		});
	});
});
</script>
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...