Placing a black line to sperate the products

toolexperts · #1 04-04-2008, 07:42 AM

We'd like to keep our background white as it is and use a black line like the one you see in single item mode, i am in 2 products per line view.

activeabrasives · #2 05-04-2008, 01:57 AM

We are also looking for how to do this. We have one product across in our displays, but feel it would be easier for our customers if a single black line separated each product.

imexhouse · #3 05-04-2008, 05:19 PM

Just put an <HR> in your skin1/customer/main/products.tpl, immediately below the last </TABLE> tag:

Quote:

</TABLE>
<BR>
<HR size="1" noshade width="100%" align="left">
<BR>

toolexperts · #4 05-05-2008, 04:51 AM

i tried this yet no black line appeared

imexhouse · #5 05-05-2008, 05:48 AM

Are we talking about placing a horizontal line between products, in one product per row configuration?
I just tried that on 4.1.8 and it works. Well, it's not black, more like grey, but the line is there.
You can see it here:
http://www.aquasana-water-filters.com/Drinking-Water-Filters-p-1-c-249.html

Did you clear your template cache?

toolexperts · #6 05-05-2008, 06:00 AM

i am using a two product config and am needing this as a box sorry

activeabrasives · #7 05-05-2008, 03:55 PM

Thanks for your response. Have tried your suggestion, and yahoo it works. We are working on just one product wide in our display.

Now to push this a bit further, is there any way to make this line red, like the lines on the more details page?

imexhouse · #8 05-05-2008, 04:32 PM

You can use this code instead of <HR>

<TABLE border="0">
<TR>
<TD><IMG src="{$ImagesDir}/spacer_red.gif" width="640" height="1" alt=""></TD>
</TR>
</TABLE>

I'm attaching spacer_red.gif for you.
Wow, you can barely see it!
PM me your email address and I'll email you spacer_red.gif

carpeperdiem · #9 05-05-2008, 04:56 PM

Jack,

When giving code to 4.1.x users, be aware that they had at one point, xhtml code that validated.

Using UPPER CASE <TABLE> and other html tags will immediately break the xhtml validation. I know that you are an expert coder in html, but xhtml has its benefits, and keeping a 4.1 store validating is always a good thing. Just thought I'd share.

Another way to accomplish this is to use css --

I would use the hr, but style it with css -- this way, you are not bringing in image calls on every page (multiple times at that!).

http://webdesign.about.com/od/css/a/aa010307.htm

New School is do not use images when you can use the local browser to do the work. CSS is your best friend.

Jeremy

balinor · #10 05-05-2008, 05:06 PM

Also be aware of depreciated code, such as noshade.