Using GoDaddy QSC, need product images to be LARGER!

[czert]

I am using GoDaddy's Quick Shopping Cart and need my main product image on each individual product page to be 3x bigger than the default size.
You can view one of my products at the following link:
http://ricketyrack.com/Pleated-Chiffon-Babydoll-Frock-MD20568.htm

If you view the source file on that page, you can find the area where the images attributes are specified (it's about half way down).

What part of the code would I need to copy/paste into my Advanced CSS editor and how do I modify the code in order to accomplish this task?

Any help would be SOOOOOOO appreciated! I would be forever thankful!

[Deadweight]

are you talking bout the bottom images or once u click on the image it changes?

[Deadweight]

like the image above the "Click to Enlarge" or the images below that?

[czert]

I need the main image to be 3 times larger on the page itself (not after you click on it). The smaller bottom images can remain the same size, but it would be nice to know how to resize those as well.

[czert]

Yeah, the image above the "Click to Enlarge" text!

[Deadweight]

ok one sec let me see what i can do.

[Deadweight]

Your code:


<img style="cursor:pointer; padding:0;" src="/images/129531262042757403264.jpeg" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=420, height=420, scrollbars=yes, resizable=yes');new_window.focus(); return false;" />



'width=420, height=420,

you want it 3x the size?

'width=1260, height=1260,



<img style="cursor:pointer; padding:0;" src="/images/129531262042757403264.jpeg" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=1260, height=1260, scrollbars=yes, resizable=yes');new_window.focus(); return false;" />


try that? let me know if that works.
Is there a way that we can talk faster with each other? like facebook chat?

[Deadweight]

:p means : p
with no space.
y is there smilies?

[czert]

So I pasted this code into my Advanced CSS editor in GoDaddy:

<img style="cursor:pointer; padding:0;" src="/images/129531262042757403264.jpeg" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=1260, height=1260, scrollbars=yes, resizable=yes');new_window.focus(); return false;" />

But the product image is still the same size. :(
Is this proper CSS coding?

[Deadweight]

ok try this
<img src="/images/129531262042757403264.jpeg" width="393" height="525" style="cursorointer; padding:0;" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=1260, height=1260, scrollbars=yes, resizable=yes');new_window.focus(); return false;" />

[Deadweight]

the reason for this idea if that im making the image change size its normal 131 width and 175 height (saved the image to figure that out) so then im just timesing it by 3 (yes timesing is not a word)

[czert]

Still the same size even after the new code you supplied.

[czert]

Just to give you a basic idea of other stuff I have in my CSS editor:

.sf_content {
font-family:"Garamond";
font-weight:"normal";
font-size:18px;
}

.sf_wrapper {
border-style:double;
border-color:#ffffff;
border-width:10px;

}


So maybe I have to define the section I'm trying to modify to get bigger images?

[Deadweight]

ok one sec again im gonna have to copy ur code. then see what i can do.
unless u want to send me a zip file of this stuff which will be easier for me.
crazykld_68@yahoo.com

but ill see what i can do with it. just let me know if ur sending it to me.
brb

[czert]

I don't have a zip file so if you could copy the code that would be great. One question: Is it possible to change the size of every picture in one line of code or do we have to write code for every single item I'm selling?

[Deadweight]

uhh that woulod be easier if i had the code so ull have to wait one sec.

[czert]

Okay - thank you so much for your help. If you can get this to work I will find a way to reward you! :)

[Deadweight]

lol np umm is there a way u can zip all the files? u have so many and it would take over 2 hrs just to get them all
this is how
go to a the very beginning of the folder where all of the infomation is under (should just be located in one folder) right click send to "Compressed zip" then send to me

[czert]

I don't have a folder which contains my entire script. GoDaddy's QSC is set-up to hide all the code and only give you a small Advanced CSS editor to change style. I've used the editor just to add a white border to my page and change the font, but that's about it.

[Deadweight]

ehh im gonna give u something to just replace that crap then one sec

[czert]

Okay - thanks!

[Deadweight]

wait i have a better idea.
Do u have those photos? because if u do then all u have to do (hopfully) is send them to me which i have photoshop CS5 and i can chage the size of the photos =]

[czert]

I've tried changing the size of the photos and then re-uploading them but it seems like Quick Shopping Cart automatically adjusts these images regardless of their original size to this stupid smaller size.

[Deadweight]

would u want this instead?
go here (yeah im working on this website for a friend)
http://testeverything.110mb.com/pics.htm

[czert]

I actually want it this size:

http://www.modcloth.com/store/ModCloth/Womens/Dresses/Park+Gell+Dress

[Deadweight]

<img style="cursor:pointer; padding:0; height: 525px; width: 393;" src="/images/129531262042757403264.jpeg" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=420, height=420, scrollbars=yes, resizable=yes');new_window.focus(); return false;">

wait try this

[Deadweight]

<img style="cursor: pointer; padding:0; height: 525px; width: 393px;" src="/images/129531262042757403264.jpeg" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=420, height=420, scrollbars=yes, resizable=yes');new_window.focus(); return false;">

this one is better lol

[czert]

Sorry to say, but it all looks the same with the new code. I wonder why it's being so stubborn.

[czert]

Are you sure that's what I paste into my Advanced CSS editor? Because with everything else, I always write something like:
.sf_content {
}

to define the part of the website I'm modifying, you know?

[czert]

NM, I just posted your code onto the product page itself (duh) and it loaded a separate frame with a resized picture (nice size!) but the picture fails to load.

[Deadweight]

try adding

height: 525px; width: 393px;
in there cuz thats how u should be able to change it

dont add this then lol just saw what u wrote

[czert]

Basically, your code might work with some modifications. Right now instead of in the frame where I want it to load the bigger picture (the frame on the right), it's creating a separate frame below the description or putting the resized photo within the description frame itself (on the left).

[czert]

...and the photo link doesn't work.

[czert]

lol...do you know a way around this?

[Deadweight]

hey im going to sleep and ill help again tomorrow either send me an email or add me on facebook:
crazykld_68@yahoo.com
(either facebook or email)
talk to u tomorrow

[czert]

Basically, your code might work with some modifications. Right now instead of in the frame where I want it to load the bigger picture (the frame on the right), it's creating a separate frame below the description or putting the resized photo within the description frame itself (on the left).

Did you get my message?

[czert]

This could work if I upload my image to a place like Image Shack - I just need to know how to move it to the right frame on my product page where all the other picture are.

[Deadweight]

yeah i got ur messages. hard to see what u mean without seeing it
but tell me did u want something like this?
http://testeverything.110mb.com/index2.htm
try there
i can move the images to the top bottom or right also

[czert]

I just want what they have there already but with a bigger main picture. What's happening now is when I put your code in it creates a new box under the description and loads the image there, but the other images are still there on the right hand side, so it's duplicated.

[Deadweight]

so no size change?

[czert]

Yes, the size is perfect. You have it set up fine. But the image is in the wrong place. I'm pasting the code you're giving me into the description section of my product page, as it's the only place I can add my own HTML. Problem is, when I paste the code there, your resized picture pops up below my description box rather than to the right where all the other images are.

[Deadweight]

oh yeah did u delete the other one then?
check to make sure u dont have both of the codes still

[Deadweight]

check to make sure ur code only looks like this



<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<img style="cursor: pointer; padding:0; height: 525px; width: 393px;" src="/images/129531262042757403264.jpeg" alt="Pleated Chiffon Babydoll Frock" id="filmstripPreview" onclick="new_window = window.open($('#zoomImageURL').text(), 'ZoomImage', 'width=420, height=420, scrollbars=yes, resizable=yes');new_window.focus(); return false;">

</td>
</tr>
</tbody></table>

[czert]

I have just one of your codes, and then GoDaddy automatically generates the code for the pictures on the right.

[czert]

Okay one minute!

[czert]

Now nothing's coming up at all! Agghh..I understand if you want to go to sleep.

[Deadweight]

omg ur not listening..
ok im going to post the code in 3 part lol here we go

[Deadweight]

wait tell me ur email ill email u code.

cuz its to long to post in here.

[czert]

ricketyrack@gmail.com

[Deadweight]

ok i sent it.
Make sure u get all of the code!! (it ends with </body></head>)

[czert]

Perfect - thanks and good night!

[Deadweight]

wait it worked for u?
and yeah i need to sleep i have college tomorrow lol

[czert]

I will load it in 30 minutes - I have to eat dinner! I'll let you know if it worked though! Thanks so much for your help - you've been fantastic.

[Deadweight]

yeah let me know if it didnt work. ill come back and try to help more!
bye night