Jump to content

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>
Edited by Tsimi

Share this post


Link to post
Share on other sites

Thanks for coming up with the code which will no doubt be useful for many.

 

No more core code changes other than bugs in implementation and the remaining Milestone items.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×