Jump to content

How did they do that? Someone please tell...

businesswoman
 Share

Recommended Posts

businesswoman Newbie

businesswoman

Posted
Posted

After a brief vacation, I have come back and see the new improvements to the Prestashop website - BRAVO - it looks great. I especially like the "Live Shops" page - but now after viewing the Live Shops I would like to know HOW they managed to make their product images "pop-up" in a new page without the horrible thick-box.... :-/

Since these websites are in a language other than English, I did not contact them directly, so if the owners-webmasters, or moderators would please post to let me and others know HOW THEY DID THIS it would be GREAT! Specifically these shop owners listed in the "Live Shops" section of the Prestashop website that managed to by-pass the thickbox:
http://www.mawaco.com
http://www.pop-line.com
http://www.boutique-japon.com

Thanks ever so much! :-)

Unless of course they are NOT using the latest Prestashop.....

Link to comment
Share on other sites
businesswoman Newbie

businesswoman

Posted
  • Author
Posted
Do a forum search for Carousel Module


Thank you but this is NOT what I was referring to. The websites I cited (http://www.mawaco.com, http://www.pop-line.com, http://www.boutique-japon.com) all have one thing in common - they are not using the "Thickbox" that comes with PS - instead, their products pop-up as a new webpage and the image is large and unrestricted - there is no box or lines around the large image. THIS is what I want to know how to do - make my product image pop-up on a new page without the use of the thickbox and its limitations. I am so unhappy with the thickbox as it always puts a large border around my images and therefore does not allow the image to be as large as it could be.

Can someone tell me where I would put this code to make it work on my images instead of using the thickbox? WILL it work on Prestashop:


<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=300,height=300,left = 490,top = 362');");
}
// End -->


Thanks.
Link to comment
Share on other sites
bykrmom Newbie

bykrmom

Posted
Posted

Businesswoman,

I opened their pages, and I randomly chose a product to view. Then I opened "View" and then "Source" in my browser. Search that text for "open" and you'll find the code they each used, and also where to insert it in your code.

I hope this helped.

bykrmom

  • Like 1
Link to comment
Share on other sites
businesswoman Newbie

businesswoman

Posted
  • Author
Posted
Businesswoman,

I opened their pages, and I randomly chose a product to view. Then I opened "View" and then "Source" in my browser. Search that text for "open" and you'll find the code they each used, and also where to insert it in your code.

I hope this helped.

bykrmom


Thanks bykrmom, but looking at the source code doesn't reveal anything with "open" in it: Here's what I get:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://www.pop-line.com" />
<title>Sac week-end enfant Walter, F&F</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/themes/popline/css/style.css" rel="stylesheet" type="text/css" />

this.resizeTo(500 + 60, 580 + 120);
this.focus();

</head>

<body>




Sac week-end enfant Walter, F&F






</body>
</html>

If you can tell me which line it is you were referring to perhaps I could see it.
Link to comment
Share on other sites
bykrmom Newbie

bykrmom

Posted
Posted

I went to http://www.mawaco.com/340-bracelets-jokko.html and did a view source on that page.

I found the following code;
<div onclick="window.open('zoom.php?id_image='+getE('bigpic').id_image, '', 'width=auto, height=auto, resizable=yes');" onmouseover="style.cursor='pointer';">Zoom Voir en grand

I do not see where this person is using any JS, so this may be all you need?

Sorry I should have posted this bit earlier

Link to comment
Share on other sites
businesswoman Newbie

businesswoman

Posted
  • Author
Posted

WHy don't I want to use the thickbox? Let me count the ways...The images I use are various sizes and the thickbox does not "self-adust" - all my images have a white border around them regardless of the size I set it for, many of my images are actually "smaller" in the thickbox than in the page view, and there's a colored border around the images which is distracting. I want my large images to open up full size in a new webpage so my customers can SEE the details - crucial selling point to the type of products I sell.

Any idea how to do that? :cheese:

Link to comment
Share on other sites
molterfitness.com Newbie

molterfitness.com

Posted
Posted
WHy don't I want to use the thickbox? Let me count the ways...The images I use are various sizes and the thickbox does not "self-adust" - all my images have a white border around them regardless of the size I set it for, many of my images are actually "smaller" in the thickbox than in the page view, and there's a colored border around the images which is distracting. I want my large images to open up full size in a new webpage so my customers can SEE the details - crucial selling point to the type of products I sell.

Any idea how to do that? :cheese:


You should check out http://www.huddletogether.com/projects/lightbox2/, its very easy to implement and will scale to your various image sizes.
Link to comment
Share on other sites
  • 5 months later...
 Share
Go to topic listing
×
×
  • Create New...