Shadowbox For Product_Info.php

CGhoST · April 21, 2008

Nevermind. Heh. If the test file worked for you, this code should as well. Perhaps you are caching the old product_info.php.

Hit ctrl-F5 and see if that helps.

Hmm .. that didn't work either. What version of oscommerce are you using? Shadowbox is not working for me at all but lightbox does work even if i have same config as Shadowbox. Shadowbox looked a whole lot better is the reason why i wanted to use it.

I am using oscommerce rc2 2.2a. I believe that is the latest one?

desiredin · April 21, 2008

I am using the latest version of OSC. And it should work no problem. All I can recommend is to upload your files to a server so I can see what is going on. Because I can't help you otherwise.

One other thing to try, is to put a Shadowbox link in the product description of one of your products and try it from there. Just replace the contents of one of your products with this, and if everything is working, it will pop up google in a Shadowbox.

<a rel="shadowbox" href="http://www.google.com">OPEN GOOGLE IN SHADOWBOX </a>

mayo23 · April 29, 2008

I've got a problem and I'm hoping someone's got the expertise to help me.

I've loaded the shadowbox script, which works perfectly. However, when I add the Dynamenu contribution, it stops working.

As soon as I delete the dynamenu infobox, it starts working again.

Obviously, there is a conflict with the javascript, but am no javascript expert.

Anyone else come across this problem and been able to rectify it.

Thanks

desiredin · May 1, 2008

Does is just not load at all, or does it come up messed up?

What file are you calling the Dynamenu from?

Rob.Ace · May 5, 2008

First off let me give a quick thanks! Shadowbox works pretty well for me.

However, I do have an odd quirk. After loading Shadowbox, all the text on my product pages went to red (the overall color of the site). I was not really sure where to look for the problem, so I checked around in my stylesheet.css and ended up changing one of the colors in there and all the text went back to black. Now I have a black border around the site (fixed width) where it used to be red. So, that's where I am at now.

Also, is there a way to make the shadowbox work from the index page? I tried to link to another site using the sample code from you, it works fine from product pages but not from index. It just gets treated as a regular link. I should also mention that I didn't do the review mods, dunno if that would help.

Thanks

desiredin · May 5, 2008

What you have to remember is that in the origional contribution, you're setting the DOCTYPE to strict to work with Shadowbox. Which means, CSS is going to be treated with less slack. So any issues in the coding (mainly with tables) are going to be forced to show up.

You can fix that by going with XHTML transitional. Appears to work that way no problem.

As for Shadowbox working in the index page, all you need to do is change the doctype, and call the shadowbox CSS and JSs from the index page just like you do with the product_info.php page.

You can actually do it with any page you want. Though some pages, you leave the DOCTYPE out as it's being called from a parent page.

Rob.Ace · May 5, 2008

Ok, so after going back and adding the relevant lines to index.php in root the shadowbox works fine from main page. Success!

I then changed the doctype to <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> in all of the product_* files as they were originally. I wanted to see if the colors went back to normal and they did. I then checked shadowbox functionality and it was working great... so it seems that the doctype was the culprit in my case. **EDIT** I should add that I did use xhtml transitional and html strict, neither worked properly for me.

Also, the file style.css is referenced in the lines that are to be added / changed. I don't have a style.css so I ended up deleting that line in the product files so that stylesheet.css is referenced only once and style.css is not).

Everything seems to be working fine, thanks for your quick reply desiredin!

Edited May 5, 2008 by Rob.Ace

seb1188 · May 11, 2008

Hi,

I have a contribution called oscThumb installed. It is based on phpThumb. It basically creates thumbnails, encrypts image URLs and watermarks them automatically when enlarged (without editing the original file).

I tried using lightbox with it, but lightbox is ignoring the watermarking, and I can't figure out why. I'm guessing shadowbox will do the same.

Anyone know how to make them work together?

Thanks in advance.

desiredin · May 11, 2008

Post the contributionlink and I'll take a quick peek at it and give you my thoughts.

seb1188 · May 11, 2008

Thanks, it's

http://addons.oscommerce.com/info/5491

desiredin · May 12, 2008

Not sure what to tell you. Do you know how the images are handled? Are the images dynamic or are they saved/cached?

Does Shadowbox load the right image sizes and just not the watermarks?

Are you able to manually type in the URL to the image in your browser and see the image?Is it watermarked there?

Edited May 12, 2008 by desiredin

seb1188 · May 12, 2008

Not sure what to tell you. Do you know how the images are handled? Are the images dynamic or are they saved/cached?
Does Shadowbox load the right image sizes and just not the watermarks?

Are you able to manually type in the URL to the image in your browser and see the image?Is it watermarked there?

The images are cached, but the thumbnails are created on the first instance that they're requested (not beforehand). Shadowbox and lightbox both get the right image size, but not the watermarks, and no, when using the URL the images aren't watermarked. I hadn't thought of that last bit, thanks for pointing it out. Don't know how it helps with shadowbox, but I do know I need to turn off indexing!

I'll take a look through the code but I'm not much of an expert so I don't know if I'll be able to find the right part. What I do know is that oscThumb modified tep_image function, adding $thumbnail_type, and the $original bit allows it to call the normal image function.

// The HTML image wrapper function
// START oscThumb
// If you want to call the original function, you can call tep_image_original or call this one with $original=true.
function tep_image($src, $alt = '', $width = '', $height = '', $params = '', $original = false, $thumbnail_type = 0) {
 global $oscthumb;
return tep_image_original ($src, $alt, $width, $height, $params);
 }

$oscthumb->set_type ($src, $width, $height, $thumbnail_type);

I figured anything important would be in this bit, the rest of the function (not very long) is just checking for size and stuff.

If you can't think of anything don't worry about it, I'll try and figure it out myself. I just hoped something would seem obvious to someone, to save a bit of time.

desiredin · May 13, 2008

I'll take a look through the code but I'm not much of an expert so I don't know if I'll be able to find the right part.

Heh. Neither am I. If things are obvious to me, through trial and error I can usually get things to work. But I certainly do not know what I am doing. Heh.

The reason I asked about the images having them when called directly, probably means that the function to show the watermaks is added to the image within the product_info file itself. Which means that you have someone got to have that portion of code (for displaying the images) to open up into the Shadowbox with the image. Could be wrong as I have no idea how the contribution works, but sounds plausible.

seb1188 · May 14, 2008

Heh. Neither am I. If things are obvious to me, through trial and error I can usually get things to work. But I certainly do not know what I am doing. Heh.

The reason I asked about the images having them when called directly, probably means that the function to show the watermaks is added to the image within the product_info file itself. Which means that you have someone got to have that portion of code (for displaying the images) to open up into the Shadowbox with the image. Could be wrong as I have no idea how the contribution works, but sounds plausible.

Hmm. That could well be the case, but it means hunting hours for code! Thanks for the pointer, I'll look into it and let you know how it goes as soon as I have time.

chris1234 · May 19, 2008

I have a problem with windows xp and IE 7.

If the shadwobox is called from a hyperlink in the text everything works fine, but if it is called from the product image thumbnail, no shadowbox but a new tab is opened with the image. After this the hyperlink in the text to a shadowbox will also open in a new window instead of in a shadowbox

desiredin · May 20, 2008

Are you meaning the "Click To Enlarge"?

Please post URL so I can take a look.

May 23, 2008

I'm having trouble using any of the additional image modules w/shadowbox, can anyone recommend a contribution that allows for multiple pictures and works seamlessly with shadowbox?

Nate

my3sons · May 29, 2008

Just an FYI to others having a problem with IE7 and layout...

Instead of using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> which caused layout problems in my store, but was needed for shadowbox to work with IE7

I used...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

now Shadowbox works with IE6,7, Firefox and Safari and my layout is the same as before.

May 29, 2008

The install instructions say to add in several places

The first one

does not exist an can be omitted.

Now, does anyone know how to get rounded corners on the box?

my3sons · May 30, 2008

I didn't want the Shadowbox images just dumped into the /images directory so I moved them to images/shadowbox/ and edited src/js/shadowbox.js and src/css/shadowbox.css to reflect the new directory. I use images from suppliers and need to clear them out from time to time.

There were two instances in shadowbox.js and one in shadowbox.css.

Pretty easy. So far, so good.

June 1, 2008

The install instructions say to add in several places

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="stylesheet" type="text/css" href="src/css/shadowbox.css">

<script type="text/javascript" src="src/js/lib/yui-utilities.js"></script>

The first one

<link rel="stylesheet" type="text/css" href="style.css">

does not exist an can be omitted.

Now, does anyone know how to get rounded corners on the box?

Never mind that last post. The changed doc type to

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

causes the Graphical Borders contribution to display incorrectly in FF.

Any have a fix for this?

desiredin · June 2, 2008

Going to XHTML Transitional worked for me.

June 3, 2008

Going to XHTML Transitional worked for me.

I already have XHTML Transitional, the install instuctions specify strict.dtd, so I changed it. Looks like another reinstall attempt. Thanks for the reply.

June 3, 2008

I already have XHTML Transitional, the install instuctions specify strict.dtd, so I changed it. Looks like another reinstall attempt. Thanks for the reply.

Just to confirm, using

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

does fix the problem of breaking the grahical borders contribution in firefox.

Thankyou for the solution desiredin.

desiredin · June 3, 2008

Just to clarify....

HTML Transitional will not work with Shadowbox.

HTML Strict does, but because you're telling the browser to use strict formatting, tables with end up padded across browsers.

XHTML Transitional was the work-around I used to get everything working and tables looking the same on all browsers.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Shadowbox For Product_Info.php

Recommended Posts

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Share this post