[Louise MParticipant]

May be because I have 2 portfolio’s pages

cheers

[AlexanderKeymaster]

Hi Louise,

I noticed that you’re using an old version of X. Can you please update to the latest version?

You’ll also need to update X Shortcodes. Because you’re using a version older than 2.2.1, the best thing to do would be delete X Shortcodes entirely via FTP. Then X will prompt you to install the latest version. After this, future versions of X Shortcodes will be available through automatic updates.

[Louise MParticipant]

I just updated everything, downloaded the new X shortcode and installed it via FTP. But in the extension menu the X shortcode plugin is still on 2.0.11 version. And when i try to update it via wordpress it says that it’s already up to date.

thanks for you advices.
César

[ChristianModerator]

Hey Louise,

Please delete X Shortcodes via FTP. Then, go to Appearance > Install Plugins and install the plugin from there.

Thanks.

[Louise MParticipant]

Ok thanks everything is update now 🙂

But the problem persist, lightbox doesn’t appear on portfolio’s pages.. :/

[RadModerator]

Hi Louse,

For some reason, this code won’t work anymore with newer version.

function add_lightbox_script() {
      wp_enqueue_script( 'vend-ilightbox' );
}
add_action( 'wp_head', 'add_lightbox_script', 10 );

Then I use the code from core itself and goes blank.

Please remove the code added via child theme’s functions.php or you could provide us an ftp login for much faster troubleshooting.

Instead, use this :

function add_lightbox_script() {
      wp_enqueue_script( 'vendor-ilightbox' );
}
add_action( 'wp_enqueue_scripts', 'add_lightbox_script', 9999 );

Old X shortcodes uses wp_enqueue_script( 'vend-ilightbox' );

It should work now.

Thank you.

[Louise MParticipant]

Hello

I did everything you said, but the lightbox is still not showing…
hope we could find the solution.

[Louise MParticipant]

the lightbox appears with this code

jQuery(document).ready(function(){jQuery(‘.page-template-template-layout-portfolio-php .type-x-portfolio a’).iLightBox({skin: ‘light’,overlay: {opacity: 0.875,blur: true},styles: {prevScale: 0.75,prevOpacity: 0.75,nextScale: 0.75,nextOpacity: 0.75},path: ‘horizontal’,controls: {thumbnail: false}});});

But images appear un double and it doesn’t considerate catégories

And with this code:

jQuery(function($){
$(document).ready(function(){

$(‘.page-template-template-layout-portfolio-php .x-portfolio-filter’).each(function(){
$( $(this).data(‘option-value’) ).iLightBox({skin: ‘light’,overlay: {opacity: 0.875,blur: true},styles: {prevScale: 0.75,prevOpacity: 0.75,nextScale: 0.75,nextOpacity: 0.75},path: ‘horizontal’,controls: {thumbnail: false}});
});

});
});

It just link to the image page.

So the problem might comes from this code.

Thanks

[RadModerator]

Hi there,

I tried different codes and seems it duplicates everything. I think the lightbox binding should start before the isotope.

I will let you know , for the mean time, you could use 3rd party lightbox that allow single image selection per call.

Thank you.

[Louise MParticipant]

And how do I use this?

thanks for helping

[RadModerator]

Hi Louise,

You could use any lightbox plugin and use is just like X lightbox, like pasting its javascript and add selector. Now, I don’t know which plugin offers single image selection to avoid isotope duplicate to be selected twice.

The problem of current lightbox is, it groups images by its selector and it doesn’t check if certain item was already attached as lightbox item.

Example:

“Sample Post” with categories music, audio, video categories.

This means, the “Sample Post” will be have lightbox for each category, and will be available on all given category.

So will be like : 3 category x 1 post = Tripled entries, 3 categories x 2 posts = 6 duplicates.

What you need is lightbox that pickup one item per link and no grouping.

Let me know if you find something and I’ll try the quickest to implement if easy, if not then you may have to contact a developer for further customization.

Thank you.

[Louise MParticipant]

I

[Louise MParticipant]

Apparently the iLightbox plugin which is included in X allows the single image lightbox with default settings and style but how do i change the settings?

Thanks

[MrinalMember]

Hi Louise,

You can’t change the representation of Lightbox, in fact it would need a huge customization which is out of our support scope.

As much as you can do with lightbox is change the scale, opacity etc. More details are described here already: http://theme.co/x/member/kb/shortcode-walkthrough-lightbox/

You can check example of lightbox usage here: http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/

Have a nice day, Cheers!

[Author]

Posts