Docs

[bridget]

Hello,

I have a “The Grid” portfolio that pulls videos from Vimeo.
When they open into the lightbox, there is no title showing.
I’d like to use the title currently showing on the Skin (pulled from Vimeo).

I believe i have the right jQuery, I’m not sure why its not showing up…
I can grab the correct text (.tg-rps-skin2-title) and see it in console.log, and i can change the css of the area i want to place it into (.tolb-title) but can’t seem to use a .html() or .insert() jQuery to actually put one into the other.

Any help?
Many thanks,

Bridget

Code currently in Customizer:

/* —– LOAD THE TITLE FROM THE_GRID SKIN TO FIGCAPTION AREA OF THE LIGHTBOX ———-*/
jQuery( function($) {

$(‘.tg-rps-skin2-title’).on(‘click’, function() {
console.log( $(this).closest(‘.tg-rps-skin2-title’).text() ); //Grab the right text
$(‘.tolb-title’).css( ‘width’,’600px’); // Change the area

$(‘.tolb-title’).html( $(this).closest(‘.tg-rps-skin2-title’).text() ); // NOT WORKING

} );

} );

[bridget]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[bridget]

No Problem!

How does the title normally show?
Is this a feature that only works with posts?
There is a title showing in the demo versions of the lightbox.

Many thanks,
bridget

[Rupok]

Hi there,

Kindly follow the documentation of The Grid for existing features – https://community.theme.co/kb/integrated-plugins-the-grid/

Here goes the official documentation – http://theme-one.com/docs/the-grid/

Cheers!

[bridget]

Many thanks-
Just posting here for any other users who are attempting the same thing.
This is how i got it working…

/* — LOAD THE GRID SKIN TITLE & EXCERPT FROM VIMEO INTO LIGHTBOX CAPTION AREA —*/
jQuery(‘.tg-item’).each(function(){

var $this = jQuery(this);
var lightbox_alt = $this.find(‘.tg-media-button’);
var title = $this.find(‘.tg-item-title a’).text();
var excerpt= $this.find(‘.tg-item-excerpt’).text();

lightbox_alt.attr(‘data-tolb-alt’, title+’ – ‘+excerpt);

});

[Rad]

That’s very useful and thanks for sharing 🙂

[Author]

Posts