Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 Customization
 Adding reflection to images...
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

grahamcrackerscomics.com
Starting Member

USA
43 Posts

Posted - February 10 2009 :  14:41:04  Show Profile  Visit grahamcrackerscomics.com's Homepage  Reply with Quote
Wanted to see how it would look to use the reflection.js effect with images displayed on the Extended Description page (shopexd.asp)...

I thought the following code change to tmp_productformat.htm (after uploading reflection.js) would do the trick - but it does nothing... I thought the [formatimage sub] line was where I needed the changes to be


<div align=center><center>
<script type="text/javascript" src="reflection.js"></script>
<table border='0' cellpadding='0' cellspacing='0' width='685' style="border-collapse: collapse" bordercolor="#111111"><form action="../shopaddtocart.asp" method="POST"><tr>
<td valign=middle bgcolor='#FFFFFF' width="211">
<font face='verdana,arial' color='#000000'>
<a href="../shopexd.asp?id=[catalogid]">[cname]</a></font><font face='verdana,arial' size=2 color='#000000'><br>
<a href="../shopexd.asp?id=27496">
<img src="[formatimage sub]" border="0" class="reflect rheight20"></a></font><br>

 </td><td valign=middle bgcolor='#FFFFFF' width="185"><font face='verdana,arial' size=2 color='#000000'>[cdescription]</font></td>
<td align=center bgcolor='#FFFFFF' width="186"><font face='verdana,arial' size=2 color='#000000'>
<br>
[formatcurrency cprice]</font><font size="2"><br>
 </font></td>
<td width='32' valign='middle' bgcolor='#E5E5E5'><p align=center>
<font size="2">[formatquantity sub][formatbutton sub] </font></p></td></tr> </table></center></center>
<center>
<p></p>
</center></font>
</div>

Has anyone implemented this effect on their site or see what I've done wrong?



--John Robinson
www.grahamcrackerscomics.com

grahamcrackerscomics.com
Starting Member

USA
43 Posts

Posted - February 11 2009 :  19:33:52  Show Profile  Visit grahamcrackerscomics.com's Homepage  Reply with Quote
Okay -
I've moved the javascript call to the shopage_header file where it belongs.

What I can't figure is where to put the class="reflect rheight20" so when the product's url is called from the database, that the class call is put with it.

I thought putting it in the tmp_productformat.htm file like in my post above (in red) would do the trick - but it does not. If I want that class command to always appear next to the product in my shopexd.asp listings - which file do I need to make the change in?



--John Robinson
www.grahamcrackerscomics.com
Go to Top of Page

support
Administrator

4679 Posts

Posted - February 11 2009 :  20:19:11  Show Profile  Visit support's Homepage  Reply with Quote
Hi John,

Firstly, shopexd.asp is formatted by the tmp_product.htm file by default. It seems you are trying to edit tmp_productformat.htm which is used for displaying the product on shopdisplayproduct.asp

Secondly, you'll likely want to load the image src from [extendedimage] rather than using [formatimage sub]


Try adding the following into tmp_product.htm:

<img src="[extendedimage]" class="reflect rheight20" border="0" alt="[translate cname]" />


You'll also need to make sure you correctly included the reflection.js file in your shoppage_header.htm file.

Hope this helps.

Regards
Michael
VPASP SUPPORT
Go to Top of Page

grahamcrackerscomics.com
Starting Member

USA
43 Posts

Posted - February 11 2009 :  22:09:06  Show Profile  Visit grahamcrackerscomics.com's Homepage  Reply with Quote
Thanks Michael from Support!
You were correct - I needed to change tmp_product.htm. Got it to work, but don't know if I like. I'll have to try tweaking the fade effect and see if I can get the 'classy' look that I wanted.
My biggest complaint is that my images still draw a stupid border around themselves even though I have border=0 set...
groan. Doesn't look right inside the border.
I was hoping for the reflection to cause a 'it's just sitting there' type of look to the product...

Maybe if I can figure out what's causing the border on the images. I checked out a few other vp-asp sites (not may people list their url's) and they don't have the ugly border around their images so must be my settings..

Thanks again! If anyone else wants to implement this I'll be happy to help while it's fresh in my mind..

Cheers
-

--John Robinson
www.grahamcrackerscomics.com
Go to Top of Page

support
Administrator

4679 Posts

Posted - February 11 2009 :  22:30:28  Show Profile  Visit support's Homepage  Reply with Quote
Hi John,

The reflection script does generate a nice little effect with the right images.

I took a quick look at your site and it looks like the border around your images is coming from the class .productimage in styles.css

If you remove the border declaration from that class you should have the page looking like you want.

All the best.

Michael
VPASP SUPPORT
Go to Top of Page

grahamcrackerscomics.com
Starting Member

USA
43 Posts

Posted - February 12 2009 :  08:52:36  Show Profile  Visit grahamcrackerscomics.com's Homepage  Reply with Quote
Michael -
Thanks again. Tried changing my settings in styles.css to remove the horrible thing brownish line that demands to be seen around my product images to no avail.

My settings were:
}
/* tmp_product */
.productimage {
border:0px solid #000000;
}
...well, initially it was border: 1px, but changing it to 0 didn't help, removing the border and solid option didn't help. Removing /* tmp_product */ didn't help... tried changing border to 4px to see if I'd get a thicker line, also no luck.

I'm assuming my stupid outline is coming from elsewhere. If anyone has any ideas on where else I should check, please don't be shy!


Here's a nicely frustrating example of it with a white covered cover...
http://www.grahamcrackers.com/shopping/shopexd.asp?id=113361

Thanks

--John Robinson
grahamcrackers.com
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00