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
  • Located in United States
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

133 posts
  • Has been part of the Envato Community for over 6 years
  • Has sold $40,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has referred 10+ members
+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
  • Located in United States
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

3436 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
  • Has been part of the Envato Community for over 4 years
+1 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
  • Located in United States
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();

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by