No, this is incorrect. Winchester Black has zen colorbox installed.
Thanks,
Anne
Printable View
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
Image sizing is managed through Zen Cart admin settings..Code: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
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..
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...
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.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 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..Code:$('a.example').colorbox({onComplete:function(){ $('.cboxPhoto').unbind().click($.colorbox.close); }})
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.
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%..
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..
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..
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?