• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

Descriptions on Large Gallery Images not showing

New Here ,
Apr 21, 2012 Apr 21, 2012

Copy link to clipboard

Copied

Hi

http://earthangroup.blackroom.com.au/Default.aspx?PageID=5806533&Page=1&A=PhotoGallery&PID=18366&Ite...

When clicking the images the descriptions do not show for the images.  It appears to be a different lightbox to the one in the instructions.

Any assistance appreciated.

Regards

Paul

TOPICS
Content management and modules

Views

2.4K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Engaged , Apr 24, 2012 Apr 24, 2012

Earthan,

What we know is they have pretty much disabled the BC lightbox effect and replaced it with fancybox.

Problem is that in doing so they are not adding the title attribute back into the a tag for each image, which is were the captions are coming from.

To fix this issue you will have to edit the code on your scripts.js file. I've created a jsfiddle page that shows the current code and what you will need to add to get the title attr back on your a tag.

http://jsfiddle.net/chaddidthis/ELuMJ/

Let m

...

Votes

Translate

Translate
Mentor ,
Apr 22, 2012 Apr 22, 2012

Copy link to clipboard

Copied

It is indeed a different lightbox. This script http://earthangroup.blackroom.com.au/javascript/scripts.js is stripping the standard BC's prototype lightbox effect and implementing fancybox effect. That said, the description should render, unless it's being removed by your script, if you have added it to your gallery items in backend (admin).

Cheers,

mario

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 22, 2012 Apr 22, 2012

Copy link to clipboard

Copied

Hi Mario

Thank you for your response.

The description is in the backend on the first two images (testing) and nothing shows so I suspect you are correct in the alternate script is stripping the description out.

Is there a way to put it back in?

Regards

Paul

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Apr 22, 2012 Apr 22, 2012

Copy link to clipboard

Copied

Apart form changing that script there's not much you can do. I can't unfortuantley go through your code and make suggestions as I'm not familiar with that code. Maybe someone from the community can suggest something.

-mario

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 22, 2012 Apr 22, 2012

Copy link to clipboard

Copied

Thank you for your time Mario

Regards

Paul

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Apr 24, 2012 Apr 24, 2012

Copy link to clipboard

Copied

Earthan,

What we know is they have pretty much disabled the BC lightbox effect and replaced it with fancybox.

Problem is that in doing so they are not adding the title attribute back into the a tag for each image, which is were the captions are coming from.

To fix this issue you will have to edit the code on your scripts.js file. I've created a jsfiddle page that shows the current code and what you will need to add to get the title attr back on your a tag.

http://jsfiddle.net/chaddidthis/ELuMJ/

Let me know if this doesn't work. I'm 99% sure it will though.

Thanks,

Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 24, 2012 Apr 24, 2012

Copy link to clipboard

Copied

You Sir are a Legend.

Thank you Chad.

Regards

Paul

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Apr 24, 2012 Apr 24, 2012

Copy link to clipboard

Copied

No worries. Glad to have helped.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 24, 2012 Apr 24, 2012

Copy link to clipboard

Copied

I may have been a little quick off the mark.

Seems the home page rotator is now not...

And the newsletter slide out does not slide...

http://earthangroup.blackroom.com.au/

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Apr 24, 2012 Apr 24, 2012

Copy link to clipboard

Copied

Yeah, looks like you just need to add an } after line 1173. So when on line 1173 hit return then and an }.

Like this:

Line 1173:   });

new Line 1174:    } 

that should get you back up and running.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 24, 2012 Apr 24, 2012

Copy link to clipboard

Copied

Thanks again Chad. Done the trick

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Apr 25, 2012 Apr 25, 2012

Copy link to clipboard

Copied

That's awesome Chad! Good on you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 31, 2013 Jan 31, 2013

Copy link to clipboard

Copied

Hey Chad, I was 99% sure this would work for me too! At least I hoped it would, but, alas, it did not fix my photo gallery problem, and messed up my galleries. I can go back to the fancybox without captions, but I would really like to have them if possible.

If you can, take a look. Did I just mess up the implementation?

http://www.pujolskitchen.com/photo-gallery/deidre-visits-food-network

script is at:

http://www.pujolskitchen.com/javascript/scripts.js

at about line 453 i replaced with your code...

now the images take over the whole page and you can't navigate.

I'll have to revert back soon (can't leave it this way too long)

Let me know if you see something.

jeannie

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 04, 2013 Feb 04, 2013

Copy link to clipboard

Copied

I don't see you getting the title for the caption, did you see this code:

http://jsfiddle.net/chaddidthis/ELuMJ/

Chad Smith

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 04, 2013 Feb 04, 2013

Copy link to clipboard

Copied

i did put that in, and really thought it would do the trick, but see the attached photo to see how it behaved on the screen: black bkgd, photo resizes but we lose nav and have to use BACK button to see the site. I've also included the script that I inserted. Can you see anything I did wrong?

photo-gallery01.png

photo-gallery01b.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 05, 2013 Feb 05, 2013

Copy link to clipboard

Copied

Looks like that is happening because you are calling fancy box before you are trying to recreate the link for fancybox:

Untitled-1.jpg

Try to replace lines 444-462(which should be your fancyBox function) with this code:

http://jsfiddle.net/chaddidthis/FMx44/1/

That should get ya where you want to be.

Hope this helps,

Chad Smith

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 06, 2013 Feb 06, 2013

Copy link to clipboard

Copied

That worked! You're the Man!

Now, is there a way I can format that caption? or where it the style pulling from?

http://pujolscookware.businesscatalyst.com/photo-gallery/deidre-visits-food-network

I can't thank you enough!

jeannie

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 06, 2013 Feb 06, 2013

Copy link to clipboard

Copied

LATEST

No worries, glad to have helped.

To style the caption go to your screen.css file and on line 891 it should be #fancybox-title-float-main. You can give that the style you like.

Chad Smith - BC Gurus

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines