Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
Next Page
Author « Topic »
Page: of 2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/07/2017 :  08:16:34  
Sorry about the vague subject -- trying not to fit the entire post into the subject line :lol:

I'd like my customers to be able to enlarge the product image by clicking on the image that comes up when an option is chosen. Is there a simple way to go about that, or would it require a custom modification? I would think that the alt large image would do that normally (where the alt image is displayed and clicking it brings up the large image) but I don't believe that's ever been the case.

Thank you!

http://www.sleepingbaby.net/
Using ECT 6.7.2

Andy
ECT Moderator

95440 Posts

Posted - 12/07/2017 :  08:51:15  
Hi Jan

If I understand correctly you would need the MagicToolbox plugin for that https://www.ecommercetemplates.com/help/magictoolbox.asp

Andy

Please feel free to review / rate our software

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/07/2017 :  09:57:03  
Do you know if that would work when images are changed on options, or is it just for static product images? I have a lot of options and putting them all in, without it changing the color option, would be very confusing for the customer.

http://www.sleepingbaby.net/
Using ECT 6.7.2

Andy
ECT Moderator

95440 Posts

Posted - 12/07/2017 :  10:05:06  
The images will change with the options and the correct image is zoomed.

Andy

Please feel free to review / rate our software

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/07/2017 :  10:06:02  
Wonderful, thank you so much for your help!

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:14:32  
Hm. I tried to install this, and it's not playing nicely with other elements of the page, I think, at least in Chrome? Here's the page where I have it set up:

http://www.sleepingbaby.net/proddetail.php?prod=bios

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:15:32  
Click to Enlarge in particular seems to stop everything else from working and I have to refresh the page to interact with anything else.


http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:18:42  
Ack. And I thought large image would be the smaller one, and giant the one that it magnifies to, but that's not working on this page:

http://www.sleepingbaby.net/proddetail.php?prod=linen

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:25:33  
Maybe a conflict with Lightbox? If I can get the zoom to work, I won't need lightbox.

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:27:06  
Hm. I commented out the calls for lightbox and it still freezes when you click to enlarge.

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:34:29  
I've disabled the tool because my store is live :) I can provide code if necessary.

http://www.sleepingbaby.net/
Using ECT 6.7.2

Andy
ECT Moderator

95440 Posts

Posted - 12/13/2017 :  07:41:37  
Can you save proddetail.php as proddetail1.php and then add the css line to proddetail1.php and this before the incproddetail include line

<?php $magictoolbox="MagicZoomPlus"; ?>

That way you have a test page we can see without affecting the live products.

Andy

Please feel free to review / rate our software

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:47:22  
Done. That's what I was getting preivously.

http://www.sleepingbaby.net/proddetail1.php?prod=bios

http://www.sleepingbaby.net/
Using ECT 6.7.2

Edited by - Jan Andrea on 12/13/2017 07:48:20

Andy
ECT Moderator

95440 Posts

Posted - 12/13/2017 :  07:54:32  
As that's a test page, can you remove the lightbox js stuff to check if that is causing the conflict?

Andy

Please feel free to review / rate our software

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  07:59:32  
That would be sensible, wouldn't it? Done :)

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  08:05:54  
Is it because I don't have the calls inside the head tags? (I use the PHP markup to call headers and footers separately, so if I add magic zoom to the headers, it'll be for the whole site.)

http://www.sleepingbaby.net/
Using ECT 6.7.2

Andy
ECT Moderator

95440 Posts

Posted - 12/13/2017 :  08:19:19  
That may well be an issue and wouldn't be good for seo either. I would make an exception for the detail page at least.

Andy

Please feel free to review / rate our software

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  10:14:58  
Ok, I have that going now; it doesn't seem to have changed the functionality (or lack thereof). I'm calling a ton of Javascripts, though, for the tabs and whatnot, and I don't know if there may be a conflict there. I've removed most of them, and still no dice.

http://www.sleepingbaby.net/
Using ECT 6.7.2

Edited by - Jan Andrea on 12/13/2017 10:20:15

Sinbad
ECT Moderator

USA
65937 Posts

Posted - 12/13/2017 :  11:41:25  
Hi Jan, you need to try to clean up the code on the page these lines are outside of the closing head tag they need to be within the head tag otherwise strange behaviors can happen.
There is a second closing </head>, bottom line a page should only have 1 set opening and closing<head ></head> and <body > </body> tags.


</head><link href="css/lightbox.css" rel="stylesheet" />

<script type="text/javascript" src="js/prototype.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/lightbox-2.6.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
//This provides the functionality for the page. The above script tag includes the most recent version of the jQuery library.
$(document).ready(function() { //initiates a jQuery onload function
$("#calcButton").click(function(){

var length = parseInt($("#tail").val()) - 5;

$("#suggest").val(parseInt($("#slingSelector1").val()) + length);

});
});
</script>
<script>
//This provides the functionality for the page. The above script tag includes the most recent version of the jQuery library.
$(document).ready(function() { //initiates a jQuery onload function
$("#wcalcButton").click(function(){

var wsize = parseInt($("#wslingSelector1").val());
var wdepth = parseInt($("#wtail").val()) - 5;
var shoulder = parseInt($("#shoulder").val());
var taper = 0;
if ($("#taper").val() === "") {
taper = 0;
} else {
taper = parseInt($("#taper").val());
}
var resultInches = Math.ceil(wsize + (0.5*taper) + shoulder + wdepth);
var resultCm = Math.ceil((wsize + (0.5*taper) + shoulder + wdepth) * 2.54);

var wlength = parseInt($("#wtail").val()) - 5;

$("#wsuggest").val(parseInt($("#wslingSelector1").val()) + wlength);
$("#wsize").val(parseInt($("#wslingSelector1").val()) + wlength);

$("#require").val(resultInches + " in (" + resultCm + " cm)");

});
});
</script></head> Looks like a duplicate to me
<style type="text/css">
<!--
.detailimage {
vertical-align: bottom;
}
-->
</style>
<body onLoad="initLightbox()"> *** see note below
<script type="text/javascript" src="magiczoomplus/magiczoomplus.js"></script> <<<<<<<< within the head tag
<body> **** The body is already open this can be removed

Also many of the js scripts can be moved to the bottom of the page, as recommended for better page load time test your site here https://gtmetrix.com/ Don't be alarmed most can be fixed with little effort but makes a big difference to the overall health of the site.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  11:49:29  
Ah, too much copy/pasting :) Thanks! I'll clean that up and see how it goes.

http://www.sleepingbaby.net/
Using ECT 6.7.2

Jan Andrea
Advanced Member

USA
468 Posts

Pre-sales questions only
(More Details...)

Posted - 12/13/2017 :  12:01:02  
I think you may have been seeing a cached version. I've cleared the cache via CloudFlare.

However, when I moved the scripts to the bottom, now the tabs don't work, and the zoom feature is still broken.
This is for http://www.sleepingbaby.net/proddetail1.php not without the 1.
Example: http://www.sleepingbaby.net/proddetail1.php?prod=bios


http://www.sleepingbaby.net/
Using ECT 6.7.2

Edited by - Jan Andrea on 12/13/2017 12:02:33
Page: of 2 « Topic »  
Next Page
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000