Zen Colorbox

[picaflor-azul]

Winchester Black has Zen Lightbox not Zen Colorbox.. You will need to post your issue on the template authors support thread..

No, this is incorrect. Winchester Black has zen colorbox installed.

Thanks,

Anne

[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..

[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..

[davewest]

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;}

CSS is to resize the box container to match the image....not to resize the image! Like I said before... the responsive design is keeping the lightbox with in the screen size of the device.

The responsive design feather was added to the bottom of the script jquery.colorbox-min.js in the template JavaScript folder... you can change from 95% to 100% or delete the code...

// Begin Make ColorBox responsive
jQuery.colorbox.settings.maxWidth  = '95%';
jQuery.colorbox.settings.maxHeight = '95%';

// ColorBox resize function
var resizeTimer;
function resizeColorBox() {
  if (resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    if (jQuery('#cboxOverlay').is(':visible')) {
      jQuery.colorbox.resize({width:'90%', height:'90%'});
    }
  }, 300);
}

Keep in mind, where not the coders for colorbox, but work to integrate it into our stores... clicking on the image advances to the next image which is one of the 5 sample layouts you could use.. we would have to work on making a switch so to use image click to close and not advance, something like below... but not high on my list of to do's.

$('a.example').colorbox({onComplete:function(){     $('.cboxPhoto').unbind().click($.colorbox.close); }})

I tested the code with an image of 800xp x 600px and it came out the same in colorbox, also tested with an image 120x120 and it was enlarged to meet the 95% of my screen... so for me, it's working as expected on Linux Ub-10.14, firefox36, php5.5, ZC1.5.4... I can't recreate the size problem your getting I have some other things I need to work on, the size is responsive which is what I need..

To help us to help you, we need more info.. OS, explorer, php version, zen cart version, link to the site if it's up, so on... if we can't create the error, we can't fix it! I'm trying to get my site up and running, hoping by the end of this week I should have something up in display mode at least and you can see how I use it.

[DivaVocals]

The responsive design feather was added to the bottom of the script jquery.colorbox-min.js in the template JavaScript folder... you can change from 95% to 100% or delete the code...

// Begin Make ColorBox responsive
jQuery.colorbox.settings.maxWidth  = '95%';
jQuery.colorbox.settings.maxHeight = '95%';

// ColorBox resize function
var resizeTimer;
function resizeColorBox() {
  if (resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    if (jQuery('#cboxOverlay').is(':visible')) {
      jQuery.colorbox.resize({width:'90%', height:'90%'});
    }
  }, 300);
}

I need to jump in here lest your comment be misunderstood by the OP as some kind of solution.. this code snippet is for responsive design.. Changing it only impacts the resizing of the image CONTAINER not the image.. The OPs issue will NOT be resolved by changing this to 100%..

To help us to help you, we need more info.. OS, explorer, php version, zen cart version, link to the site if it's up, so on... if we can't create the error, we can't fix it! I'm trying to get my site up and running, hoping by the end of this week I should have something up in display mode at least and you can see how I use it.

Precisely what I said in my last post.. Not gonna GUESS at an issue that I cannot recreate.. The OPs assumption as to the root of his problem is simply not support by the code or usage.. He is in fact gonna have to post something tangible to see to help troubleshot.. otherwise we are all just spitting in the wind here..

[enzo-ita]

Hi,
I have color box installed in both my sites www.acq uatua.it and www.m.acq uatua.it
It works nicely and it is responsive, but google says that my mobile site shows images that are too big. see this link https://developers.google.com/speed/...psi&tab=mobile
I have images that are actually as big as this www.m.acq uatua.it/images/large/spillatore_cobra_gold_LRG.png
These images are shown correctly on a smartphone, but once again google complains that the width of the image is too big equal to 611.
I understand that colorbox manages to show the images in a container that adapts itself to the size of the device without resizing them, but how can we tell google that the image is corectly shown even if the size is 600 * 800?
Thanks for your help.
Ciao from Italy.
enzo

[DivaVocals]

Hi,
I have color box installed in both my sites www.acq uatua.it and www.m.acq uatua.it
It works nicely and it is responsive, but google says that my mobile site shows images that are too big. see this link https://developers.google.com/speed/...psi&tab=mobile
I have images that are actually as big as this www.m.acq uatua.it/images/large/spillatore_cobra_gold_LRG.png
These images are shown correctly on a smartphone, but once again google complains that the width of the image is too big equal to 611.
I understand that colorbox manages to show the images in a container that adapts itself to the size of the device without resizing them, but how can we tell google that the image is corectly shown even if the size is 600 * 800?
Thanks for your help.
Ciao from Italy.
enzo

That is more of a general Zen Cart question, not a Colobox support question.. You will need to start a separate post to ask this question.. As stated on the other posts on this page just above yours, this mod does NOTHING to manage, change or otherwise impact image sizes..

[jeking]

I'm working on upgrading a site to ZC 1.5.4. It was using Lightbox and I've replaced it with Color Box. The problem is the additional images. The main image works great. The additional images appear in a pop-up instead of the light box.

http://154 DOT ccui DOT net/Brands/VillagerStoves/VillagerPuffin4kwWoodBurningStove?cPath=180_263_254&

This should work for additional images, right? What might I have missed?

[DivaVocals]

I'm working on upgrading a site to ZC 1.5.4. It was using Lightbox and I've replaced it with Color Box. The problem is the additional images. The main image works great. The additional images appear in a pop-up instead of the light box.

http://154 DOT ccui DOT net/Brands/VillagerStoves/VillagerPuffin4kwWoodBurningStove?cPath=180_263_254&

This should work for additional images, right? What might I have missed?

yes it will.. you should re-check your installation.. Make sure you have removed ALL remnants of Zen Lightbox..

[jeking]

yes it will.. you should re-check your installation.. Make sure you have removed ALL remnants of Zen Lightbox..

Finally had time to get back to this. I missed the included \includes\modules\YOUR_TEMPLATE\additional_images.php Image Handler is also installed and I had that version of this file.