[Plugin: CataBlog] Caption or excerpts to lightbox

Try using the gallery template, you can simply add it to your shortcode

[catablog category="cat" template="gallery"]

The description should now be displayed under the title of the catalog item, below the image in the LightBox. If your savvy with html/css you can mimic this template to get “captions” in your LightBox.

Good luck and if you run into problems try using the TwentyTen theme with all other plugins disabled. If it works then, simply turn plugins and theme back on one at a time until you find the conflict.

The caption/excerpts works on the page, I have no conflicts but when I open the lightbox there is no caption/excerpts, I see the description div empty that’s where I seem to be having issues. Is the lightbox able to display a caption/excerpts?

Which template are you using? You need to make sure the content you want to appear in the LightBox description is in a div with class catablog-description.

Hey Macguru2000,
I have tried the 2 standard wp templates as well as my own the descriptions shows on the main page just not in the lightbox.

Actually, I meant which CataBlog Template are you using? Don’t remember off the top of my head, but the LightBox looks for an HTML element with a specific class for the LightBox description. I believe the class is catablog-description.

Example link would help me a lot too.

Hi Macguru2000,
The site is not up yet only local will look at getting it up on a staging server in the mean time this is the template I’m using.

<div id="gallery">
 <span>
  <a href="%LINK%" class="catablog-image" %LINK-TARGET% %LINK-REL%>
   <img src="%IMAGE-THUMBNAIL%" alt="" />
  </a>
 </span>
 <div class="catablog-description">
   <p>%DESCRIPTION%</p>
 </div>
</div>

Actually, your lucky the LightBox is working at all. You shouldn’t use ids in your CataBlog template at all, this is because two elements cannot have the same id in valid HTML. Try this instead:

<div class="catablog-row gallery">
 <span>
  <a href="%LINK%" class="catablog-image" %LINK-TARGET% %LINK-REL%>
   <img src="%IMAGE-THUMBNAIL%" alt="" />
  </a>
 </span>
 <div class="catablog-description">
   <p>%DESCRIPTION%</p>
 </div>
</div>

You will also have to update your site’s CSS, use .catablog-row.gallery instead of #gallery in your selector path.

Also, I am pretty sure the catablog-row class is necessary for the LightBox to function properly. So make sure to at least add that class to the wrapping div tag.

Hey macguru2000,

You where spot on!!! thanks working like a charm. Did not need to use catablog-row class works 100%, they should say this in the template doc.

again Thanks

Wait, you did or did not need to use catablog-row? Was it the id that was breaking it, or the lack of catablog-row? Glad to hear you got it working, can you mark this thread as resolved please.

Also, I’ll try and update the CataBlog Template documents with whatever your answer is to my questions. Thanks!

Hi macguru2000,

I did use the catablog-row class sorry, it was the id’s as you mentioned as soon as I removed my id’s and used classes it was 100%.
Hope this helps a example of the structure that worked ??

<div class="catablog-row gallery">
 <span>
  <a class="catablog-image" "/stock-photo-16908556-cleveland.jpg">
   <img alt="" src="/stock-photo-16908556-cleveland.jpg">
  </a>
 </span>
 <div class="catablog-description">
   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut...</p>
 </div>
</div>