Avada theme, a portfolio feature modification help WordPress

Dbranes answers:

For the first gallery item, it looks like the Facebook iframe url is:

http://theme-fusion.com/avada/3-column-grid/#prettyPhoto[gallery]/0/


but I think this is just the same as:

http://theme-fusion.com/avada/3-column-grid/


so all the counting goes to this page and not the gallery item.

So instead you should use:

http://theme-fusion.com/avada/portfolio-items/mauris-ultricies-ipsums/?portfolioID=10879


for the Facebook iframe url.

So it looks like this could be the problem.

<strong>Update:
</strong>

This is the part of prettyPhoto setup in the theme (here's the [[LINK href="http://theme-fusion.com/avada/wp-content/themes/Avada/js/main.js?ver=3.6.2"]]file[[/LINK]])

if(jQuery().prettyPhoto) {
var ppArgs = {
overlay_gallery: Boolean(Number(js_local_vars.lightbox_gallery)),
autoplay_slideshow: Boolean(Number(js_local_vars.lightbox_autoplay)),
show_title: Boolean(Number(js_local_vars.lightbox_title)),
show_desc: Boolean(Number(js_local_vars.lightbox_desc)),
deeplinking: Boolean(Number(js_local_vars.lightbox_deeplinking)),
};
if(js_local_vars.lightbox_animation_speed) {
ppArgs.animation_speed = js_local_vars.lightbox_animation_speed.toLowerCase();
}
if(js_local_vars.lightbox_slideshow_speed) {
ppArgs.slideshow = js_local_vars.lightbox_slideshow_speed;
}
if(js_local_vars.lightbox_opacity) {
ppArgs.opacity = js_local_vars.lightbox_opacity;
}
if(!Boolean(Number(js_local_vars.lightbox_social))) {
ppArgs.social_tools = '';
}

jQuery("a[rel^='prettyPhoto']").prettyPhoto(ppArgs);

<strong>Update #4:</strong>

So just to wrap it up, we only needed to add this line:

changepicturecallback: wpq_picture_callback,

to the prettyPhoto arguments (ppArgs) and where the corresponding <em>wpq_picture_callback()</em> function callback is defined:


function wpq_picture_callback() {
var src = jQuery("#fullResImage").attr( 'src' );
if( src != undefined ) {
var link = jQuery("a.gallery-icon[href='"+src+"']").prev("a.link-icon").attr("href");
if( link != undefined ) {
jQuery(".pp_social .facebook iframe").attr( 'src', 'http://www.facebook.com/plugins/like.php?locale=en_US&href='+link+'&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23' );
}
}

// Debug:
console.log( 'src: ' + src );
console.log( 'link: ' + link );
}



<strong>Update #5.</strong>

ps: Here's the replacement code:


function wpq_picture_callback() {
var src = jQuery("#fullResImage").attr( 'src' );
if( src != undefined ) {
var link = jQuery("a.gallery-icon[href='"+src+"']").first().prev("a.link-icon").attr("href");
if( link != undefined ) {
jQuery(".pp_social .facebook iframe").attr( 'src', 'http://www.facebook.com/plugins/like.php?locale=en_US&href='+link+'&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23' );
}
}

// Debug:
console.log( 'src: ' + src );
console.log( 'link: ' + link );
}

if(jQuery().prettyPhoto) {
var ppArgs = {
overlay_gallery: Boolean(Number(js_local_vars.lightbox_gallery)),
autoplay_slideshow: Boolean(Number(js_local_vars.lightbox_autoplay)),
show_title: Boolean(Number(js_local_vars.lightbox_title)),
show_desc: Boolean(Number(js_local_vars.lightbox_desc)),
deeplinking: Boolean(Number(js_local_vars.lightbox_deeplinking)),
changepicturecallback: wpq_picture_callback,
};
if(js_local_vars.lightbox_animation_speed) {
ppArgs.animation_speed = js_local_vars.lightbox_animation_speed.toLowerCase();
}
if(js_local_vars.lightbox_slideshow_speed) {
ppArgs.slideshow = js_local_vars.lightbox_slideshow_speed;
}
if(js_local_vars.lightbox_opacity) {
ppArgs.opacity = js_local_vars.lightbox_opacity;
}
if(!Boolean(Number(js_local_vars.lightbox_social))) {
ppArgs.social_tools = '';
}

jQuery("a[rel^='prettyPhoto']").prettyPhoto(ppArgs);



---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---