15 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
BorisRH
says

Hello guys,

I am looking for someone who can help to modify the “jquery.quicksand.js.” The version I have is Quicksand 1.2.2.

What I need if for example in this page http://www.mtuts.com/themes/delicious/portfolio-1-col.html. every time you load this page shows all the items, What I need is that every time you load the page show first only “pizzas” or just “Seafood”. I don’t want to show all items at once.

It is related to filters. If someone could help me, because I do not find a solution oo http://razorjack.net/quicksand or http://razorjack.net/quicksand/docs-and-demos.html # examples.

Thank you very much for any help.

:crying::crying:

Karl

152 posts
  • Has been part of the Envato Community for over 6 years
  • Has sold $40,000+ on Envato Market
  • Had an item that was trending
  • Sells items exclusively on Envato Market
+2 more
sekler
says

First, you linked a 404. Second, you don’t have to modify the jquery.quicksand.js. The scrip that uses quicksand on your page and/or the html has to be modified.

15 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
BorisRH
says

That´s weird… the link from envato is this http://themeforest.net/item/delicious-premium-restaurant-theme/full_screen_preview/755537 then go to “Portfolio” then to “Portfolio Column 1”

Oh you mean the script that handle the plugin? any ideas of how to do that?

Thanks

3439 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Achieved the monthly Community Superstar Award
  • Located in United States
+2 more
organicbee
says
Jerxaut said
That´s weird… the link from envato is this http://themeforest.net/item/delicious-premium-restaurant-theme/full_screen_preview/755537 then go to “Portfolio” then to “Portfolio Column 1”

Oh you mean the script that handle the plugin? any ideas of how to do that?

Thanks
http://www.mtuts.com/themes/delicious/portfolio-1-col.html

there was is a period behind your first link ;-)

15 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
BorisRH
says

Here is the complete code that handle the jquery.quicksand.js. How can make to always show the “pizza” tab instead of the “all” tab.

I change the “all” to “pizza” for example and that makes every time I click on it will show all the items.

_if ( $filterClass == “all” ) { var $filteredPortfolio = $portfolioClone.find(“li”); } else { var $filteredPortfolio = $portfolioClone.find(“li[data-type=” + $filterClass + “]”); }

Complete code of the jquery.quicksand.js. :

$(document).ready(function(){

$(document).ready(function(){
        $(".fancycaption").fancyCaption();
    });
});
// Clone portfolio items to get a second collection for Quicksand plugin
var $portfolioClone = $(".portfolio").clone();
// Attempt to call Quicksand on every click event handler
$(".filter a").click(function(e){
})
$(".filter li").removeClass("current");
// Get the class attribute value of the clicked link
var $filterClass = $(this).parent().attr("class");
if ( $filterClass == "all" ) {
    var $filteredPortfolio = $portfolioClone.find("li");
} else {
    var $filteredPortfolio = $portfolioClone.find("li[data-type=" + $filterClass + "]");
}
// Call quicksand
$(".portfolio").quicksand( $filteredPortfolio, { 
    duration: 800, 
    easing: 'easeInOutQuad'
}, function(){
});
$(document).ready(function(){
    $(".fancycaption").fancyCaption();
});
$(this).parent().addClass("current");
// Prevent the browser jump to the link anchor
e.preventDefault();
by
by
by
by
by
by