Author |
Topic |
|
grahamcrackerscomics.com
Starting Member
USA
43 Posts |
Posted - February 10 2009 : 14:41:04
|
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
|
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 |
|
|
support
Administrator
4679 Posts |
Posted - February 11 2009 : 20:19:11
|
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
|
|
|
grahamcrackerscomics.com
Starting Member
USA
43 Posts |
Posted - February 11 2009 : 22:09:06
|
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 |
|
|
support
Administrator
4679 Posts |
Posted - February 11 2009 : 22:30:28
|
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 |
|
|
grahamcrackerscomics.com
Starting Member
USA
43 Posts |
Posted - February 12 2009 : 08:52:36
|
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 |
|
|
|
Topic |
|