Hello,
This is Definitely Possible! Simply add the following JS Code at the bottom of the Portfolio Page after the js/functions.js JS File Linking:
jQuery(window).on( 'load', function(){
var $container = $('#portfolio');
function getHashFilter() {
var hash = location.hash;
// get filter=filterName
var matches = location.hash.match( /filter=([^&]+)/i );
var hashFilter = matches && matches[1];
return hashFilter && decodeURIComponent( hashFilter );
}
var isIsotopeInit = false;
function onHashchange() {
var hashFilter = getHashFilter();
if ( !hashFilter && isIsotopeInit ) {
return;
}
isIsotopeInit = true;
// filter isotope
$container.isotope({ filter: hashFilter });
// set selected class on button
if ( hashFilter ) {
$('.portfolio-filter li').removeClass('activeFilter');
$('.portfolio-filter li').find('[data-filter="' + hashFilter + '"]').parent('li').addClass('activeFilter');
}
}
$(window).on( 'hashchange', onHashchange );
// trigger event handler to init Isotope
onHashchange();
$('.portfolio-filter a').click(function(){
var filterAttr = $( this ).attr('data-filter');
location.hash = 'filter=' + encodeURIComponent( filterAttr );
setTimeout(function(){
$( '.flexslider .slide' ).trigger( 'resize' );
}, 1500);
return false;
});
});
and then use portfolio.html#filter=.pf-graphics as Links.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
