Zen Colorbox

[pricediscrimination]

Was using Zen Lightbox before. It stopped working after upgrading to 1.5.4, so installed Zen Colorbox.

One feature that was nice in Zen Lightbox was the option to "Close on Image Click". It is possible to do this with Zen Colorbox?

Also, not sure if these are known bugs or just bugs pertaining to my specific installation, but setting "Display Image Counter" to false causes the Colorbox to stop working.

[pricediscrimination]

Almost forgot, the colorbox is resizing images to be smaller than they actually are. The point of a lightbox is to show images that are larger than being displayed on the page. What is the best way to go about making the images display as their actual size?

[davewest]

Was using Zen Lightbox before. It stopped working after upgrading to 1.5.4, so installed Zen Colorbox.

One feature that was nice in Zen Lightbox was the option to "Close on Image Click". It is possible to do this with Zen Colorbox?

Also, not sure if these are known bugs or just bugs pertaining to my specific installation, but setting "Display Image Counter" to false causes the Colorbox to stop working.

because colorbox can be used for many different things, such as popup contact us form, it would not make sense to close on box click, thus the close button. It does have the option to close on click outside the popup box!

Not sure why you would tun off the 1 of total count... but I see there was an code error in the options.php class killing the script.

in includes/classes/zen_colorbox/options.php file, add "" in the following code

if (ZEN_COLORBOX_COUNTER == 'true') 
{
    echo '"{current} of {total}"'; 
}
else 
{
    echo '""'; 
}

Almost forgot, the colorbox is resizing images to be smaller than they actually are. The point of a lightbox is to show images that are larger than being displayed on the page. What is the best way to go about making the images display as their actual size?

Colorbox animation will snap the image then drop to a size percentage of the screen, a responsive design for small screens. if you have ZC setup to use images correctly, then you should see the larger images... good test is to turn off colorbox and see if it works as expected. Colorbox is not designed to manage image size other then for animation which completes to the actual image size.

So if you have photo.jpg for the thumb, photo_LRG.jpg for the large, then you are on track, if not then you have some work to do.

[pricediscrimination]

because colorbox can be used for many different things, such as popup contact us form, it would not make sense to close on box click, thus the close button. It does have the option to close on click outside the popup box!

The functionality would be nice, not everyone uses everything the same way. It was a great feature in Zen Lightbox and would be a great feature in this plugin as well.

Not sure why you would tun off the 1 of total count... but I see there was an code error in the options.php class killing the script.



in includes/classes/zen_colorbox/options.php file, add "" in the following code

if (ZEN_COLORBOX_COUNTER == 'true') 
{
    echo '"{current} of {total}"'; 
}
else 
{
    echo '""'; 
}

Thanks for the code! Not everyone wants to Display Image Counter, I guess that's why it's an option.

Colorbox animation will snap the image then drop to a size percentage of the screen, a responsive design for small screens. if you have ZC setup to use images correctly, then you should see the larger images... good test is to turn off colorbox and see if it works as expected. Colorbox is not designed to manage image size other then for animation which completes to the actual image size.

So if you have photo.jpg for the thumb, photo_LRG.jpg for the large, then you are on track, if not then you have some work to do.

Most lightboxes (in Worpress for example) just link to whatever the image URL is that is being clicked, then display it within a lightbox on the same page for easy viewing. This is also how Zen Lightbox worked perfectly. Is Colorbox unable to do that?

[DivaVocals]

The functionality would be nice, not everyone uses everything the same way. It was a great feature in Zen Lightbox and would be a great feature in this plugin as well.

and if you want this feature, there's no reason why you can't add it to your own shop

or

submit a contribution to the Zen Colorbox Github repo to add this optional feature..

[DivaVocals]

The point of a lightbox is to show images that are larger than being displayed on the page. What is the best way to go about making the images display as their actual size?

lightbox does NOTHING more than display your large images inside a lightbox.. It does nothing to manage or manipulate image size settings

[pricediscrimination]

lightbox does NOTHING more than display your large images inside a lightbox.. It does nothing to manage or manipulate image size settings

Right, it should display the image exactly as the image is. Meaning if the image being linked to is 750 x 750, when clicking the lightbox you should see the full 750 x 750. Colorbox is not showing the full image as it was intended - it resizes them.

[DivaVocals]

Right, it should display the image exactly as the image is. Meaning if the image being linked to is 750 x 750, when clicking the lightbox you should see the full 750 x 750. Colorbox is not showing the full image as it was intended - it resizes them.

and what Dave and I are saying is that's NOT colorbox doing this.. Image sizing is managed with the images settings which Colorbox does NOT modify or manipulate.. Can show you PLENTY of examples to demonstrate this..

if you have ZC setup to use images correctly, then you should see the larger images... good test is to turn off colorbox and see if it works as expected. Colorbox is not designed to manage image size other then for animation which completes to the actual image size.

[pricediscrimination]

and what Dave and I are saying is that's NOT colorbox doing this.. Image sizing is managed with the images settings which Colorbox does NOT modify or manipulate.. Can show you PLENTY of examples to demonstrate this..

It is definitely resizing images. Nothing in zen cart is saying to make an image 745 x 745, yet Colorbox is doing so. Probably due to this:

#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

[DivaVocals]

It is definitely resizing images. Nothing in zen cart is saying to make an image 745 x 745, yet Colorbox is doing so. Probably due to this:

#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

Again.. NOTHING in the Colorbox CSS or Jasvascript or code RE-SIZES images.. Including the box-sizing. content-box simply tells the browser what to to with the width and height properties.. It does NOT define them..

http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

CSS Syntax  box-sizing: content-box|border-box|initial|inherit;

 Property Values 
Value
Description

 content-box
Default. The width and height properties (and min/max properties)  	includes only the content. Border, padding, or margin are not included

 border-box
The width and height properties (and min/max properties) includes  	content, padding and border, but not the margin

initial
Sets this property to its default value. Read about initial

inherit
Inherits this property from its parent element. Read about inherit


    

Image sizing is managed through Zen Cart admin settings..

Now you can continue to try and insist that Colorbox is doing something it's really NOT doing or you can post some information to help us help you figure out what the actual cause of your issue is.. Post your Admin Configuration image setting are and post a link to your site.. Can't help you any other way at this point..