macguru2000

Thanks for the research into this bug, fix will be in a next release.

Hi mlheizer,

Please excuse the long wait for a reply, I have been very busy lately and can’t offer support in as timely a fashion anymore. I am also very pleased to hear you are enjoying CataBlog. It’s always nice to hear from another happy user. Now for some support.

Web development, especially frontend (interface), is especially difficult because there are so many different variables. Which browser, which os, what is enabled, disabled. You get the point. This is what you are currently experiencing.

What you want is possible with CataBlog, but before I go into the solution I want to talk about graceful degradation and design. Graceful degradation means, that if the browser cannot display your content correctly, it displays it in the next best possible way. This is exactly what CataBlog is doing.

Most LightBox implementations degrade in the exact way you describe. If it can’t show the larger image with JavaScript, then just load the image into the main widow. This actually works pretty well and is especially nice for older cellphones. Also, note that most LightBox implementations are meant only as a convenience factor, and not used in scenarios where showing the LightBox and its content is imperative.

LightBoxes work by linking to a larger image, this is how JavaScript knows what image to load and place in the LightBox. I think what you want is the thumbnail to open the LightBox, or if that isn’t possible load another page. This is possible with a sort of hack that depends on CataBlog’s content management features.

To do that isn’t simple stuff though. You will need to customize the LightBox selector, the CataBlog template and possibly write a small bit of JavaScript code yourself.

My first suggestion would be to evaluate your design and see if you can make the LightBox not imperative to your sales by putting a link in the template code. There are a bunch of examples on the blog and here for making a title link, but just incase you can’t find one, here is another snippet of code for the CataBlog template.

<a href="%LINK%" %LINK-TARGET% %LINK-REL%>%TITLE%</a>

or use the convenience token title link

%TITLE-LINK%

You may edit your CataBlog template in the options section under the template tag, simply edit the code and click save at the bottom. Good luck and let me know if you want to learn about the hack or have any other questions.

charloub,

If you are displaying the sub images on a “Public” catablog page, meaning your page can be rendered from the catablog-items-single.php theme file and you are proficient with PHP I have a little tip for you….

You can loop through each sub image and render your own sub image code like so:

<?php $data = get_post_meta(get_the_ID(), 'catablog-post-meta', true); ?>
<?php $sub_images = $data['sub-images]; ?>
<?php $path = $wp_plugin_catablog_class->urls['thumbnails'] . "/"; ?>

<?php foreach ($sub_images as $sub_image): ?>
  <img src="<?php echo $path; ?><?php echo $sub_image; ?>" class="catablog-image catablog-subimage" />
<?php endforeach ?>

I hope that helps and also don’t forget to rate CataBlog 🙂

This is because you are using the cufun plugin or extension to render the title font, and it is not liking the simple HTML DOM manipulation that CataBlog’s LightBox requires to display the title. If you wish to hide the title or description in the LightBox add this to your theme’s style.css file or a catablog.css file in your theme’s root directory.

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

Hopefully that will work for you

Two categories, show and hide. Put the Shortcode for show in a div and put the Shortcode for hide in a div that is hidden….example.

<div>
  [catablog category="show"]
</div>
<div style="display:none;">
  [catablog category="hide"]
</div>

The LightBox will let you scroll into the hidden catalog items 🙂