winsbout Posted August 13, 2011 Share Posted August 13, 2011 Hi, I am using jqzoom. The default window size that open is 200px X 200px. I want to change the size to 350px x 350px. 1) I changed the jqzoom.css file with the sizes and the jquery.jqzoom.js file sizes but it still don't work Any help would be much appreciated. ======================== css file ======================== div.zoomdiv { z-index : 100; position : absolute; top:0px; left:0px; width : 350px; height : 350px; background: #ffffff; border:1px solid #CCCCCC; display:none; text-align: center; overflow: hidden; } img.jqzoom{ cursor:crosshair; position:relative; } ============================================== jquery.jqzoom.js file ============================================== (function($) { $.fn.jqueryzoom = function(options) { var settings = { xzoom: 200, //zoomed width default width yzoom: 200, //zoomed div default width offset: 10, //zoomed div default offset position: "right" //zoomed div default position,offset position is to the right of the image }; Link to comment Share on other sites More sharing options...
shutzu Posted August 19, 2011 Share Posted August 19, 2011 Go to product.js, search for: if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled) And edit values of width and height Link to comment Share on other sites More sharing options...
winsbout Posted August 19, 2011 Author Share Posted August 19, 2011 Hi, Thank you for this info but can you explain a bit clearer what to edit as I don't find anything to change. I presume this is the script section you talk about ======================================================== //update display of the large image function displayImage(domAAroundImgThumb) { if (domAAroundImgThumb.attr('href')) { var newSrc = domAAroundImgThumb.attr('href').replace('thickbox','large'); if ($('#bigpic').attr('src') != newSrc) { $('#bigpic').fadeOut('fast', function(){ $(this).attr('src', newSrc).show(); if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled) $(this).attr('alt', domAAroundImgThumb.attr('href')); }); } $('#views_block li a').removeClass('shown'); $(domAAroundImgThumb).addClass('shown'); } } ===================================================================== Go to product.js, search for: if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled) And edit values of width and height Link to comment Share on other sites More sharing options...
winsbout Posted August 19, 2011 Author Share Posted August 19, 2011 Ok found the correct place if anybody ever need this info It is in the products.js file towards the end. Remember that this file is in the theme folder that you are using. ================================================================ //set jqZoom parameters if needed if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled) { $('img.jqzoom').jqueryzoom({ xzoom: 350, //zooming div default width(default width value is 200) yzoom: 350, //zooming div default width(default height value is 200) offset: 21 //zooming div default offset(default offset value is 10) //position: "right" //zooming div position(default position value is "right") =================================================================== 2 Link to comment Share on other sites More sharing options...
Mike Kranzler Posted August 19, 2011 Share Posted August 19, 2011 Ok found the correct place if anybody ever need this info It is in the products.js file towards the end //set jqZoom parameters if needed if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled) { $('img.jqzoom').jqueryzoom({ xzoom: 350, //zooming div default width(default width value is 200) yzoom: 350, //zooming div default width(default height value is 200) offset: 21 //zooming div default offset(default offset value is 10) //position: "right" //zooming div position(default position value is "right") Hi winsbout, Did that fix your issue? If so, I will mark it as solved for you so that other people who may have trouble with this in the future can find your solution. -Mike 1 Link to comment Share on other sites More sharing options...
winsbout Posted August 19, 2011 Author Share Posted August 19, 2011 Hi Mike, Yes this solved my problem and it is working perfectly in resizing the window that opens. I was about to send a pm and ask how I could add "solved" Greetings Johan Link to comment Share on other sites More sharing options...
Mike Kranzler Posted August 19, 2011 Share Posted August 19, 2011 Don't worry, I'll take care of it for you. But in the future, all you need to do is click on edit, and then go to the Full Editor. There, you should be able to change the topic title and just add [sOLVED]. -Mike Link to comment Share on other sites More sharing options...
Ningadaug Posted August 30, 2011 Share Posted August 30, 2011 Ok found the correct place if anybody ever need this info Great ! Thank you ! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now