Results 1 to 8 of 8

Hybrid View

  1. #1
    Join Date
    Sep 2007
    Posts
    96
    Plugin Contributions
    0

    Default Border around product images

    Is there anything I can put in the css to call in an image based border around the product images. See an example of what I want here. www.lazyoaf.co.uk and click on Men's Tees. You'll see there is an image based border around the product pics. And then when you click on the photo to see the larger image, there is no border (so they uploaded the pics with no border and then in the product pages, there is a border). Hope that makes sense! Thanks.

  2. #2
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: Border around product images

    The frames around the pics are bacground images within the table cells.

    See the "frame" on its own here:-

    http://89.234.7.160/lazyoaf.co.uk/im...nframe_new.jpg

    And here's the html that sets it all out...

    HTML Code:
    <!---table--->
    <table border="0" cellspacing="0" cellpadding="0"><tr>
    <td valign="top">
    
    <input type=hidden name=temp_color id=temp_color>
    <input type=hidden name=is_reverse id=is_reverse>
    
    			  <table border="0" cellspacing="0" cellpadding="2" align="left" >
    
    				<tr>
    				  <td align="center" class="smallText" colspan="2" valign="top">
    				  <table border="0" cellspacing="0" cellpadding="33" background="images/mainframe_new.jpg">
    				  <tr><td align="center">
    
    <span id="change_color"><a href="javascript:popupWindow('http://89.234.7.160/lazyoaf.co.uk/popup_image.php?pID=644&oscsid=1ff4bad123550c03278cb4a0f131fb56')"><img src="images/mt_cloudnstr_med.jpg" border="0" width="244" height="308" hspace="3" vspace="5"></a></span><noscript>
    <a href="http://89.234.7.160/lazyoaf.co.uk/images/mt_cloudnstr_lrg.jpg?oscsid=1ff4bad123550c03278cb4a0f131fb56" target="_blank"><img src="images/mt_cloudnstr_sml.jpg" border="0" alt="Cloud and stars Men's T-shirt" title=" Cloud and stars Men's T-shirt " width="61" height="77" hspace="5" vspace="5" name="bigpic"></a></noscript></td></tr>
    </table>
    20 years a Zencart User

  3. #3
    Join Date
    Sep 2007
    Posts
    96
    Plugin Contributions
    0

    Default Re: Border around product images

    OK thanks. In Zen cart do you know what page I add that html to? Obviously I'll need to change the image. So do I just upload my border image to the images folder?

  4. #4
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: Border around product images

    You're looking at changes to the template files. The most relevant pages are likely to be:-

    tpl_modules_main_product_image.php
    tpl_product_info_display.php

    But there may be others...

    It's not a case of changing html... this is PHP and you may need to hire someone to code it for you.
    20 years a Zencart User

  5. #5
    Join Date
    Sep 2007
    Posts
    96
    Plugin Contributions
    0

    Default Re: Border around product images

    Is there no way to put in the css where #productMainImage is and add something after that to call in a border (just like you would for a 1 px border)?

  6. #6
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: Border around product images

    You could try something with the CSS.

    I just did this option:-
    PHP Code:
    #productMainImage {
        
    border-left5px solid #a2f4f7;
        
    border-top5px solid #a2f4f7;
        
    border-right5px solid #a2f4f7;
        
    border-bottom5px solid #a2f4f7;
        

    And I get a light blue frame around the main pic, 5 pixels thick.

    I'm not sure what css you would use to insert BG images - you can't use the "border" instruction.
    20 years a Zencart User

 

 

Similar Threads

  1. Border around product images
    By jmcmanna in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Sep 2010, 03:24 AM
  2. remove border around around images (not image border)
    By Otha in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 Aug 2010, 06:03 AM
  3. Border Around Product Images
    By Kayz in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 31 Mar 2010, 10:06 AM
  4. Border around my product images
    By thricelll in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Nov 2008, 03:25 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg