The LightBox

The JavaScript LightBox feature built into CataBlog is developed in shop and is not a hastily attached snippet of code, it is part of and maintained along with the rest of CataBlog's code base. It has gotten much smarter over time and now even lets you navigate through the catalog. The LightBox will show the catalog item's title, link and description, if you put the buy now button into the description that too will show in the LightBox. It can adapt to custom html code as long as the core catablog css classes are present. It is extremely lightweight, adding two very small external files to your pages. Go to the options page to enable it and set a maximum size for your larger images.

Help! the LightBox isn’t working on my blog
I have been asked this question time and time again, how come the LightBox effect isn't working on my site?

First off before you try anything else, switch to the TwentyTen theme and disable all other plugins except CataBlog. If the LightBox now works you know there is an error either in your theme or with a conflicting plugin. You may now enable all your plugins one at a time, checking as you enable each one to make sure the LightBox still works. If a plugin stops the LightBox from working it will not work with CataBlog.

If no plugins are conflicting then it is most likely your theme code. Switch to your theme and check if the LightBox breaks, if so you now know your problem. You need to check your theme's header and footer code. This code can be placed in any of the theme's PHP files but most likely will be placed in the header.php and footer.php files in your theme directory. Make sure that both <?php wp_head(); ?> and <?php wp_footer(); ?> are being called.

<?php wp_head(); ?> should be placed the line before the end head tag, </head>.

<?php wp_footer(); ?> should be placed the line before the end body tag, </body>.

Make sure both PHP function calls are in the appropriate place of your theme code and reload the page, the LightBox effect should now work.

People may also find this article on troubleshooting the LightBox helpful.

112 Responses to The LightBox

  1. Jose Medina says:

    Hello,

    First off, I wanted to say thanks for developing such a great plugin. I recently upgraded to the new version and now my LightBox feature does not work. It just opens the full size image within the same page. I have tried regenerating the images and nothing. Any insight would be greatly appreciated.

    Regards,

    Jose Medina

    • Zach says:

      Please read the 1.2.5 Release Post, which offers seven things to try if the LightBox is broken. In your particular case I would make sure to try reloading the default or gallery template in the options panel. Let me know if you need more help.

    • Zach says:

      Also make sure the jQuery selector in the LightBox tab of the options panel is set, if you are using my built in templates then it should be set to: .catablog-image.

      • Jose Medina says:

        Sorry for the delay in getting back to your response. I wanted to say that your second post about the jQuery is what fixed it. Thanks again for a great plugin and for your response.

        Regards,

        Jose Medina

  2. Boniface says:

    Hi, I’m trying all the suggestions in the release note to no avail. The image still opens on the page without lightbox effect. Please inform me if there’s something wrong. here’s the link http://hope.hffkenya.org/?page_id=66

    Kind regards,
    Boniface

    • Ops! I got it. The plugin doesn’t work with my template.. (thrilling theme) What a choice I’m subjected to!

      • Zach says:

        I wish I could help you more and figure out exactly why the thrilling theme doesn’t work with CataBlog….Did you develop the theme yourself or is it available on the internet?

    • Zach says:

      I am unsure why, but my JavaScript console tells me that there is no jQuery(document).scrollTop() function. I noticed that jQuery is loaded, and it does not appear to be loaded twice.

      If you haven’t already could you try checking “Render a new image to be used with LightBox” in the LightBox tab of the CataBlog Options.

      Also, could you try temporarily disabling all other plugins and using the twentyten theme, while other things will break you may test if those are the problem and then manually enable each plugin and your theme one at a time, until CataBlog stops working.

      Thanks and let me know what you find out.

  3. Marius says:

    Hello,

    is it possible to hide the “description” text in the LightBox?

    Thanks in advantage

    • Zach says:

      yes, use a CSS class in your theme’s style.css or a catablog.css file in your theme root directory.

      • Marius says:

        Hello Zach,

        thanks for your reaction, but can you tell me how/what the code is to hide the text?

        • Zach says:

          I can’t be sure since I am driving all day and away from my computer. It’s something like this, use a tool such as Firebug to manipulate your page and figure out the exact CSS path.

          #catablog-lightbox #lightbox-meta #catablog-description {
            display: none !important;
          }
          

          Please do not forget to rate CataBlog, like the Facebook page and confirm it works with your version of WordPress.

          • I don’t have descriptions..displayed. At one time I hid them, but I reloaded a clean .css and no luck at restoring the descriptions. Help!!!! Can you email me please. Thanks.

          • Zach says:

            Have you tried reloading the CataBlog template? If the template code doesn’t have the description token in it then it will not be displayed.

        • Zach says:

          The CSS code snippet is this:

          #catablog-lightbox #catablog-lightbox-meta .catablog-lightbox-desc {
            display: none;
          }
          

  4. Kevin says:

    I’m building a site for a client, and using CataBlog to display pictures of his products. The lightbox effect is working, however I can’t seem to make the images in the lightbox any larger. I use CataBlog on another site, and the images that display after the thumbnail is clicked are quite large. Here’s what I’ve done to troubleshoot:
    1. Deactivated all other plugins – no effect
    2. Changed theme back to TwentyTen – no effect
    3. Verified the size of the images uploaded – they are quite large (4000px by 3000px)
    4. Checked settings against my other site where CataBlog is working – settings are the same.
    5. Tried enabling the “Render a new image to be used for the lightbox:” option and setting a bigger size – no effect.

    Is there anything else I can do so that the images in the lightbox could be bigger?

    • Zach says:

      Kevin,

      Are you sure your images aren’t the size you set in the LightBox options? Currently the script that opens the LightBox checks the browser window’s size and shrinks the LightBox to fit. I believe this is calculated each time the LightBox is opened and can be tested by making your browser window very small.

      • Kevin says:

        Hi Zach,
        I shrank the browser window, and the lightbox did get smaller. When the browser is full width, I’d like to be able to make them bigger. I use CataBlog on another site, and the images display much larger than they do on this site. However, the images on this site are actually bigger. Does that make sense?
        Thanks for your help!

        • Zach says:

          Very strange indeed, are there any other variables you can think that would be different. Like:

          CataBlog version,
          Image orientation,
          Image format,
          WordPress versions,
          CSS rules (max-width, max-height) that might be applied to all images on your site.

          • Kevin says:

            Hi Zach,
            The image size was the problem. They were too big. Thanks!

            Having another problem though. I have galleries posted on a page of different categories. When I click a thumbnail and use the “next” navigation in the lightbox, the lightbox will continue on and display images from the other categories further down the page. It used to stop at the end of the category that I set in the shortcode. Below is the URL so you can see:
            http://myvinylmemories.com/?page_id=6

          • Zach says:

            Yeah, this is a bug I need to fix. It was introduced when I added a pre-processing of all LightBox images.

        • Zach says:

          Also an example URL would be very helpful.

  5. Gilbert says:

    Zach,
    What would I have to do to make the images in the lightbox loop?
    After I hit the last image, I’d like the next image to be the first one again.
    You know what am saying?
    Thanks!
    Gilbert.

    • Gilbert says:

      Got it.
      If anybody wants to know:
      Line 406 in catablog.lightbox.js
      “if (current_image <= (lightbox_images.length – 1))" was "if (current_image = 0)” was “if (current_image > 0)”
      Greetings!

    • Gilbert says:

      Just FYI: GTranslate does something funny with jquery and disables jquery for catablog.
      But only when LOGGED OFF! Logged in, everything works just fine.
      Any ideas?
      For now, I’ve disabled GTranslate.

  6. dharma says:

    hi again,

    i did what gilbert says here it fixed some of my problems but i m looking for something else, how can i make lightbox call all images and show them side by side instead of clicking next, next, next?

    i mean i want to use lightbox more like a popup window all sub images are shown side by side with a horizontal scroller at the bottom of the lightbox window – sorry for my english if it didnot make sense -. is it possible with lightbox? any suggestions?

    • Zach says:

      This is currently not possible with CataBlog’s LightBox, as it was designed to show only one image at a time. You are more than welcome to hire me to build a custom solution for you. Have a nice day and good luck 🙂

  7. Valerie says:

    I need to change the size of the font in the lightbox. I figured out how to turn the descriptions off….using:

  8. clare says:

    Hi,

    I am using catablog with multiple entries, is there a code that can stop images from a certain point, as when scrolling through it continues onto imagery from a previous post.

    Thanks

    • Zach says:

      Not that is built in, but since CataBlog uses built in WordPress functions and the catalog items are simple custom post types it is possible.

  9. Imran says:

    Hello, first of all thanks for this wonderful plugin, this is exactly what I was looking for. I have a little issue, recently I upgraded to IE9 and it looks like lightbox portion of the plugin isn’t working anymore for IE9 only. If I switch to IE8 or 7 it works fine. Can you please take a look at this issue soon as you can. I have a site in dev and this is one of main issue I am facing. Check one of the catalog page here. Thanks in advance for your help
    http://martierusa.com/home/dresses/all-dresses/

    thanks

  10. Stefanl says:

    Greetings Zach!

    First, I love the plugin and am impressed with your steadfast dedication to the community. I have tried all the fixes you have suggested for Lightbox but my images still link to a static image page. Any suggestions?! Thanks so much in advance

    http://directfurnitureatlanta.com/see-whats-coming/

    • Zach says:

      Hi Stefani,

      The error I see in the Safari Web Inspector’s JavaScript Console tells me that jQuery is not loading properly. Here is the error message:
      TypeError: 'undefined' is not a function (evaluating 'jQuery('.catablog-image').catablogLightbox()')

      Not exactly sure what is causing your problem, perhaps try disabling your caching plugin or updating your theme to use the version of jQuery built into WordPress, which is newer than your theme’s current jQuery version, 1.3.1. Good luck.

  11. Jan says:

    Hi Zach, you can ignore my other comment. I managed to get your plugin working as long as I manually upload my images to the Original folder and don’t try to use the “Add New” interface.

    My next issue is this: My description is not showing up in the lightbox. Is there a place somewhere that I have to check and make sure it’s turned on? I couldn’t find one…

    Thanks

    • Zach says:

      There is no place that you need to check to enable descriptions in the LightBox. I would use a tool such as Firebug to troubleshoot your page’s DOM and see if perhaps a CSS rule or something else is causing the description not to be displayed.

  12. Zach,
    No descriptions on the lightbox. I’ve done the firebug, and not seeing any issues. I’ve uninstalled and reinstalled…nothing. Help. http://www.bella-fiore.com/succulents-cacti/in-glass/

  13. Well I figure how to get the Descriptions back. It has to do with how the template was configured. But the dilemma is that I want the text in the title to be smaller, which somehow causes the font in the light box to be huge.

    • Zach says:

      Use CSS to control the font size, the Lightbox has its own CSS classes, so make sure you consider that as well.

      • So it can’t be controled through the template. Doesn’t the CSS get overwritten on updates of the plugin???

        • Zach says:

          Currently the template only controls the HTML markup, which is not used to control font size with modern browsers, instead we use stylesheets or CSS to control different HTML element’s appearance. So the font size should be changed in your stylesheets. Also, you should not be editing the catablog.css file inside the plugin’s directory, ever, because, as you said, updates will overwrite your changes. Instead make a catablog.css file in your theme’s directory or add your CataBlog specific CSS classes into your theme’s style.css file.

  14. Jenni Jane says:

    hi! i’m in the middle of coding hell right now designing this blog for my client. 2 things:
    1. I want to display the sub image thumbnails below the main image in the lightbox, can i do this somehow? lamens terms please 🙂
    2. I want to add the option to leave comments on the image in the lightbox.

    the idea is to use catablog as a place where images readers submit to the sight can be randomly displayed in a grid format with a lightbox click through. everything about this plug in is amazing aside from the aforementioned issues!
    thank you so much in advance for any help!

    • Zach says:

      I’m sorry to report that neither of those features would be trivial to add on to CataBlog, I urge you to look for another solution or really get your hands dirty in the code…

  15. Jenni Jane says:

    hello! great plugin, i’m using it to display a random grid of user submitted street photos from my readers. however, I want this feature to be a platform for discussion, so i need to add comments to each item in the lightbox view. can I do this?
    let me know if you need anything from me.
    thank you so much!

  16. Ernest says:

    Hi Zach, great PlugIn!!! Even for me without css and html knowledge I was able to get a long way! I just can’t get the lightbox to work. I have made a theme with Artisteer and uploaded it to WordPress 3.3. At first I had SimpleLightbox installed but then the description did not show. So I deactivate it. Then I followed your instructions and switched to the twenty one theme. But that didn’t work either. So I switched back. So I read that there is someting with the code in header and footer. As far as I can see the codes are included.
    Footer

    Designed by Het Bruist.

    <!– –>

    Header

    <html xmlns="http://www.w3.org/1999/xhtml&quot; >

    <meta http-equiv="Content-Type" content="; charset=” />

    <link rel="stylesheet" href="” type=”text/css” media=”screen” />


    <?php if(WP_VERSION
    <link rel="alternate" type="application/rss+xml" title="” href=”” />
    <link rel="alternate" type="application/atom+xml" title="” href=”” />

    <link rel="pingback" href="” />

    <script type="text/javascript" src="/script.js”>

    I only see some extra code in the header, could that be the problem? If you find a moment to help, that would be great!
    http://fasefietsen.ernestrobert.com/onderdelen/sturen/

    Thnx,
    Ernest

  17. Ernest says:

    Hi Zach, for some reason the code I copied in doesn’t show completely in the comment. If you need it please let me know.

    Thnx again!

  18. Ernest says:

    Hi Zach, sorry to bother you again… I found the problem and solved it. Not exactly sure what i did. But I think it had to do with the lightbox I installed earlier.
    Again, great plugin!

    • Zach says:

      Sounds like there was a plugin conflict? I know its been awhile, but if you remember the conflicting plugin it would be good to document the known problem. Thanks and glad to hear CataBlog is working well for you. Cheers 🙂

  19. Vero says:

    Hi Zach,
    I’m trying to resize the length of the lightbox and have no idea what is controlling it… I manage to move up the description and ‘Buy Now’ button as they were really spread out and taking a lot of space but now I’m left with a super huge white space below all the info… Could you please give me a clue? Thanks a lot…
    Website: http://173.254.28.13/~polishpo/posters/

    • Zach says:

      Your problem is with your CSS. You should override the default CataBlog LightBox CSS classes in your theme’s style.css file. Here is what I would do to hide the title and remove the margin underneath the description.

      body #catablog-lightbox-meta .catablog-lightbox-title {
        display: none;
      }
      body #catablog-lightbox-meta .catablog-lightbox-desc {
        margin-bottom: 0;
      }
      

      You should also remove your negative top values from the catablog-lightbox-desc and the buy now button. While it does moves the element up, it is only visual, it still takes the same vertical space as before. Instead hide the title with display:none; and move the form up by removing the bottom margin of the description.

      • Vero says:

        Thanks Master Catablog! That worked nicely… Only one thing, eventhough it reduced loads of bottom margin there is still about 40px of white space… Any chance I can get rid of that too? I just want it nice and snug.

        • Zach says:

          There is an empty paragraph tag below your buy now button’s form, perhaps it was accidentally added to the store view after the close form tag in CataBlog Templates.

          I am using the very cool web developer tools. built into Chrome and Safari. Firefox has Firebug to do the same thing, troubleshoot your website’s HTML and CSS. I highly suggest you learn how to use these tools as a web publisher.

          • Vero says:

            Hi Zach, you are right, there is an empty paragraph tag at the bottom of the store form template, I can see it in Safari with the web developer tools you recommended (thanks for that!), the problem is you can see it there but not in the actual store template inside Catablog in WordPress, so I can’t get rid of it… How do I get rid of it?

            Apart from that, my Buy Now button which used to take me to the Paypal cart no problem is taking me now to this error page saying:
            “Error Detected: PayPal cannot process this transaction because of a problem with the seller’s website. Please contact the seller directly to resolve this problem.” What is going on?
            Thanks for all your help…

          • Zach says:

            It must be somewhere in your store template, because the paragraph tags is not there when the buy now button is not there. Look at your first poster “Aferzysta” vs your second poster “Amator”. The second poster does not have the paragraph tag, it also does not have a buy now button. You may have a stray open or close paragraph tag somewhere in your store template, or perhaps a few hard returns at the end of the file, try and remove anything that looks fishy.

            Your second question can be resolved pretty easily, open the store template in CataBlog and make sure that your email address is entered into the hidden form element with name business. It should be on the third line. Below is the default store template code if you want to try starting over with the buy now button.

            <form method='post' action='https://www.paypal.com/cgi-bin/webscr' target='paypal'>
              <input type='hidden' name='cmd' value='_cart'>
              <input type='hidden' name='business' value='YOUR EMAIL HERE'>
              <input type='hidden' name='item_name' value='%TITLE-TEXT%'>
              <input type='hidden' name='item_number' value='%PRODUCT-CODE%'>
              <input type='hidden' name='amount' value='%PRICE%'>
            
              <input type='hidden' name='shipping' value='0.00'>
              <input type='hidden' name='currency_code' value='USD'>
              <input type='hidden' name='return' value=''>
              <input type='hidden' name='quantity' value='1'>
              <input type='hidden' name='add' value='1'>
              <input type='image' src='http://images.paypal.com/en_US/i/btn/x-click-but22.gif' border='0' name='submit' width='87' height='23' alt='Add to Cart'>
            </form>
            

  20. Vero says:

    Hi Zach,
    Paypal error fixed, thanks a lot!
    White space under Buy Now button still there and driving me crazy, this is now a case of pride… I could just leave it as it is and probably most people won’t notice but I’m not one to be defeated!!!
    I deleted the whole store template content I had and replaced with the one you sent, only changing the graphic source and dimensions, and adding a class :

    What is going on?

    • Vero says:

      I just tried putting the code exactly as you sent it, no changes at all… Still the white space underneath.

    • Zach says:

      Can you verify that the Enable WordPress Filters option is disabled. It is in the CataBlog Options Admin Panel, under the Description Tab. I think it is enabled and WordPress is adding extra paragraph tags to your description…which is fine normally…but there is a bug in the gallery template and how the LightBox gets the description to display.

      You should avoid using any paragraph tags in your descriptions until this bug is worked out. Hope this fixes your problem.

      • Vero says:

        Hi Zach,
        ‘Enable WordPress Filters’ has been disabled all along… Any other ideas?
        By the way, thanks for your super fast responses!

        • Zach says:

          Yeah, not a problem on the quick responses. You may have helped me find a bug in CataBlog anyways, so thank you.

          I think that a paragraph tags is getting placed inside another paragraph tag, causing Safari to append the inner paragraph instead of place it inside the paragraph. Thus the extra paragraph tag is created. This behavior may be different in other browsers, try it out.

          I am going to make sure the description is placed inside a div instead of a paragraph tag in the next release of CataBlog. Hopefully that will fix your problem, since there will no longer be p tags inside of other p tags.

          • Vero says:

            Hi Zach,
            It looks the same in Safari, Firefox and Chrome… All have the same white space. Good luck killing that bug! I’ll keep an eye on the next release.

          • Zach says:

            Released version 1.4.1, which uses a div instead of a paragraph tag in the LightBox. Let me know if that fixes your problem.

  21. Vero says:

    Sorry, the code didn’t get in:

    • Zach says:

      It’s okay, thats really my blog’s fault. You have to escape the HTML characters, in particular the greater-than and less-than symbols (>, <). You can easily do this in a text editor with find and replace.

      < = &lt;
      > = &gt;
      

  22. Is there a way to have the LightBox background be black?

  23. Jennifer says:

    I am setting up a site where the thumbnails to each product need to be the sub-image, and the lightbox image needs to be the main-image. Is it possible to do this?

    Thanks,
    –Jenn

    • Zach says:

      Currently the %SUB-IMAGES% token is setup to wrap each image with a hyperlink to its corresponding larger image. This makes it impossible to change what image is hyperlinked because there is no granular control of the sub-images token. You could probably make it work with some PHP wizardry or hacking of the plugin, but currently it does not support this.

      Perhaps if you explain in more detail exactly where you would want to implement this and what your end goal is I can offer some suggestions.

      • Jennifer says:

        I have custom designed a lightbox to appear as if it is a separate page that comes up ,instead of just an image, by editing the CSS to the lightbox.. The issue is that the lightbox whiteboard only changes size by padding around the centered image. This means it will never be the same size overall unless the centered image is the same size. The only way around that I found was to create the white borders already included on the image to match the appropriate size of the page I need.

        The issue now that arises is that when I see the thumbnail of that edited image on the catalog product, it is the whole picture including the white space but squished down. This makes the initial image tiny. This is my current dilemma and I would like to be able to make the thumbnail either A) Another image or B) View a different proportion of the enlarged image, not including the white space.

  24. Inês Carvalho says:

    Hi,
    First of all, awesome plugin – this made my life so much easier! Loads of <3s for it.
    Now, I have a question. I want my gallery to show only an excerpt of the item's description, and I accomplished that with the %EXCERPT% tag; however, I wanted the lightbox to show the full description, which doesn't right now – it just picks up the excerpt that's shown on the gallery. Any ideas on how I can do this?
    Thanks so much!

    • Zach says:

      Good question! Here is what I would do, in your template make two <div /> tags, one with the description and one with the excerpt. Make sure the div with the description inside it has a class of catablog-description. Now use your own CSS classes to hide the description but not the excerpt. Example:

      <div class="catablog-excerpt">%EXCERPT%</div>
      <div class="catablog-description my-class-hide">%DESCRIPTION%</div>
      

      • Inês Carvalho says:

        Thanks a lot, it’s a smart solution – that way the description will still be associated to the page on search engines 🙂

  25. Gilbert says:

    Zach, how can I see what’s not working with IE?
    Somehow, Lightbox doesn’t work anymore. I have tried 1.2.5.2. No cigar!

    Any ideas are appreciated!
    Gilbert.

  26. Gilbert says:

    Zach, here’s the url:
    http://www.cornhole.ch/gebaute-cornholes/cornhole-green-swirls/
    Lightbox does work when logged in!
    Lightbox does not work when logged of!!

    • Gilbert says:

      sorry for the late answer, I wasn’t able to post.

    • Zach says:

      You have multiple Javascript errors on your page, one looks like a syntax error and the other is saying that it can’t find jQuery. I think you might be using a Javascript minimizing plugin that is messing this up, if not that, then it must be your theme. Can you try disabling other plugins and or making sure that the jQuery Javascript library is loaded. If you have not, please also place the <?php wp_head(); ?> tag in your theme’s header.php file right before the close head tag </head>.

      • Gilbert says:

        Zach,

        thanks for the reply!
        Well, sure enough, it was “Javascript minimizing” from my W3 Total Cache. So, after disabling it, it works now even when logged off.

        Thank you so much!!!
        Gilbert.

  27. Hayriye says:

    Hi,
    Thanks for this beautiful plug.
    I am prepairing worksheets on mathematics, in microsoft word each in size of an A4 sheet.
    Then change them into JPG by the actual size.
    I have to introduce some of them, and so I have to enlarge them.
    But I couldn’t. The max height or width is 600 pixels.
    I want to make them larger and my followers will see the worksheets in the original sizes just by one click on thumbnails.
    Not more than one click. This is much important for me.
    Can you help me please?
    The catalog is “Matematik 2. Fasikül” on the top, 5th from the left.
    Thank you so much.

    • Zach says:

      You can change the maximum height / width of the LightBox in the options. Just go to the CataBlog Options Admin Panel and click the LightBox tab. There you will see a checkbox labeled render a new image to be used for the lightbox, make sure this is checked and then set the lightbox resolution to above 600 pixels, perhaps 1200.

      Good luck.

  28. Hayriye says:

    Hi Zach,
    I want to make something as in facebook photos.
    As you know when we click on a photo on facebook,
    at the bottom of the photo we see things such as
    “Share” or “Like” .
    I also want to add these options to my catablog lightboxes,
    so my customers can easily share and send these photos to facebook or other .
    Also I prepare mathematics works in jpeg.
    When I add a new work in my website, I want to send and share it to my facebook, twitter etc. followers. This will be a active solution for everyone I think.
    How can I success this, can you please help me.
    Thank you so much. See you..

  29. Gilbert says:

    Zack,

    do you think, you could make an “loop through” option available?
    I don’t understand how that lightbox.js works anymore (jQuery(this).I.dont.understand).
    I’d like to jump from the last to the first image (and back) so I need this “next” button on the last image as well (and “prev” on the first, obviously).

    Thanks!
    Gilbert.

  30. Drew shane says:

    Hey Zach. What are your thoughts in adding a feature that allows you to add a video from Youtube or Vimeo to take place of a catablogs entries main image?

    I think this would be a great feature. I am trying to accomplish this feature now with some CSS, hehe.

    your thoughts?

    • Zach says:

      I would upload a thumbnail image of the video, and then enter the videos id into the product field of each catalog item. All you need to do next is edit or create your own catablog template to use the %PRODUCT-CODE% token where the video id is, feel free to put iframe / embed / or any other type of html code into the catablog template. good luck 🙂

  31. Tom says:

    Is there a way I can remove the item title and description from the lightbox display popup window?

    Thanks

  32. Michael says:

    Hi Zach

    I have a problem with the lightbox. The box itself works ok, but it also display all the text in the lightbox underneath the image?

  33. Crusin says:

    Hello,

    Love your plugin but i had a query, instead of light box effect can we integrate an effect where once we do a image mouse over the enlarged image appears automatically.

    Is it possible.

  34. Ely says:

    My lightbox doesn’t show the description, why? I’m using the token and all, but still nothing

  35. crtj says:

    Hi, first of all – thanks for the plugin. 🙂
    Let me contribute by helping to fix what I believe to be a bug due to a change in jQuery.
    I’ve noticed that title and description (the meta box) are not being shown under the lightboxed image.
    This turned out to be caused by the whiteboard having a set height and overflow:hidden.
    The height was the height of the image itself, so everything under the image was being killed by overflow:hidden.
    Exporing catablog.lightbox.js I noticed that after animating the whiteboard to image dimensions, you animate it again to take care of the meta box.
    This is the full width:
    var full_height = h + jQuery(‘#catablog-lightbox-meta’).outerHeight();
    However, outerHeight() in the 1.8 jQuery returns an object instead of a number if it is called with no parameters, as described here: http://bugs.jquery.com/ticket/12491
    Because of this, the second animation does not run and the meta box remains hidden.
    How to fix: use outerHeight(false).
    I hope this is useful – it saved the situation for me. Thanks again for a handy plugin.

  36. crtj says:

    … More precisely, as the link explains, it’s not jQuery itself but rather jQuery-UI’s mangling of the same function that causes the problem. In any case, using an explicit parameter resolves the problem.

  37. mat says:

    Can you please advise on how I could make the “buy now” button only show in lightbox.

  38. Dan says:

    Hi,

    I am a first time wordpress user and am trying to customize my site, which is an e-catalog for my products. I’m using Catablog and I love it, but I need to customize it a tiny bit.

    I was wondering if it’s possible to use the EXCERPT token in the category page for products, but when the lightbox is activated, to show the full DESCRIPTION.

    The reason is because I have products that have some very long technical specifications, and to show them all in the category page will mean that people have to scroll a lot just on a page.

    I’ve looked through the source and it seems that I will need to change something in the frontend_render_catalog_row() function in Catablog.class.php, but I can’t seem to get it to work. The only temporary workaround I found was to create a hidden div and call that in catablog.lightbox.js.

    Can you help me with this problem? Many thanks in advance.

  39. Bijay says:

    Hi,
    Thanks for so wonderful plugin.
    I have a problem though.
    The LightBox doesnot show the catalog item’s title, link and description.
    How do I enable it again?

    Cheers.

  40. Phil says:

    Is there a way for the sub-image to open up in the light box once the main image (thumbnail) is clicked on?

  41. Zedon says:

    Hi,
    how to put in window LightBox, TITLE and DESCRIPTIONS on top, over image?

    Thanks

  42. bu11frogg says:

    Quick question: How can I set a “min width” on the Lightbox? Some of my images are tall and narrow, so the Lightbox becomes tall and narrow…forcing the text into this long, narrow column of scrolling. I tried adjusting some CSS but nothing has worked so far.

    Has anyone else successfully made this adjustment?

    -bu11frogg

  43. Hilary says:

    Hello, great plugin. Is there a way to link the title to the lightbox? Or am I missing something?

  44. Tjeerd Engel says:

    Hello Zach

    Is it possible to get a ‘Pinterest Save Pin’ in to the lightbox? I have install a ‘Pinterest Save Pin plugin’ in to WordPress, but when I skip in to the lightbox to the next item de Pinterest save button disappear … Do you have a suggestion?

Leave a Reply

Your email address will not be published. Required fields are marked *

Please wrap any HTML markup or code with the pre-formatted tag: <pre> </pre>