Loading Ajax Portfolio from URL link

Hello,

This is Absolutely Possible! Simply add the following JS Code at the bottom of the Page just after the js/functions.js File Linking:

	jQuery(window).load(function(){
		var portfolioHash = window.location.hash.substr(1);
		if( portfolioHash ) {
			SEMICOLON.portfolio.loadItem( portfolioHash, '');
		}
	});

Now you can simply use: domain.com/portfolio#portfolio-item-1 to Open your Portfolio Items via AJAX.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Hello,

Unfortunately, Loading the AJAX Portfolio using the data-loader parameter is currently not supported and a Call to the ID is required. so, according to what you mentioned, you can check if this ID is present on the Page and then trigger the AJAX Load. So, try using the following code:

	jQuery(window).load(function(){
		var portfolioHash = window.location.hash,
			portfolioHashTarget = window.location.hash.substr(1);
		if( portfolioHashTarget && $(portfolioHash).length > 0 ) {
			SEMICOLON.portfolio.loadItem( portfolioHashTarget, '');
		}
	});

This should fix your issue. Let us know if we can help you with anything else or if you find any further issues.

Hello,

1. We have just checked out and it appears to be working fine for us. Can you please provide us with a Live URL so that we can check out the exact issue for this.

2. Consider using the following code to replace the entire loadItem: function( portPostId, prevPostPortId, getIt ) Function Block in the js/functions.js File:

loadItem: function( portPostId, prevPostPortId, getIt ){
	if(!getIt) { getIt = false; }
	var portNext = SEMICOLON.portfolio.getNextItem(portPostId);
	var portPrev = SEMICOLON.portfolio.getPrevItem(portPostId);
	if(getIt == false) {
		SEMICOLON.portfolio.closeItem();
		$portfolioAjaxLoader.fadeIn();
		var portfolioDataLoader = $('#' + portPostId).attr('data-loader');
		$portfolioDetailsContainer.load(portfolioDataLoader, { portid: portPostId, portnext: portNext, portprev: portPrev },
		function(){
			SEMICOLON.portfolio.initializeAjax(portPostId);
			SEMICOLON.portfolio.openItem();
			$portfolioItems.removeClass('portfolio-active');
			$('#' + portPostId).addClass('portfolio-active');
			if( '#' + portPostId != window.location.hash ) {
				if( history.pushState ) {
					history.pushState( null, null, '#' + portPostId );
				} else {
					window.location.hash = '#' + portPostId;
				}
			}
		});
	}
},

Then, use the following code at the bottom of the Portfolio AJAX Page just after the js/functions.js JS File Linking:

	function loadPortfolioByHash(){
		var portfolioHash = window.location.hash,
			portfolioHashTarget = window.location.hash.substr(1);
		if( portfolioHashTarget && $(portfolioHash).length > 0 ) {
			SEMICOLON.portfolio.loadItem( portfolioHashTarget, '');
		}
	}

	jQuery(window).load(function(){
		loadPortfolioByHash();
	});

	window.addEventListener('hashchange', function (e) {
		loadPortfolioByHash();
	});

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.