breecode supports this item


61 comments found.


gulaj Purchased

Hi. Nice work! :) One question at the moment, the portfolio library images …. if I click on any of the image, I see always the same image on the top of page as pops up and the same text: ( – div portfolioAjaxwrap) Camaleon Breecode did a great job with our …

however should every image should have its own image and description.

Is it something wrong with the portfolio?


Hi, every portfolio must point to a different portfolio-single.html.

Right now every portfolio in your template is pointing to portfolio-single.html so every portfolio is bringing the same content.

First you must change the links in the command DIV like this.

Actual code to every portfolio

<ul> <li><a href="" class="prettyPhoto"><img src="images/icons/look_more.png" alt="Portfolio" /></a></li> <li><a href="portfolio-single.html" class="ajax-trigger"></a></li> <li><a href="#"></a></li> </ul>

If could set the link to the external portfolio file in this line

<li><a href="portfolio-single.html" class="ajax-trigger"></a></li>

So if you have 10 portfolio you will need 10 portfolio-single.html files to bring different content to each portoflio click.


gulaj Purchased

Thank you breecode!

How can I add an external link to the portfolio image?

on hover there is 3 icon(plus, heart and third icon) but I cant use any external link here. I’m not expert in js but probably I would need to change something in js?

Hi, yes, i will give you instructions to do it.

1- Go to your custom.js file find ”//AJAX PORTFOLIO”

In the first two lines you will find this


Add the name portfolio to the fuction like this


2- Add this in the bottom of your custom.js file to stop the Ajax script


$(document).ready(function() {

3- In your HTML FILE

Use the class “no-ajax” in the href that have your external link

<li><a href="portfolio-single.html" class="ajax-trigger"><img src="images/icons/ajax.png" alt="#" /></a></li>

<li><a href="YOUR EXTERNAL LINK" class="no-ajax"><img src="images/icons/heart_small.png" alt="#" /></a></li>

You can always send me an email through my profile if you need further help :)