Placing a black line to sperate the products
 

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.

Re: Placing a black line to sperate the products
 

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.

Re: Placing a black line to sperate the products
 

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

Re: Placing a black line to sperate the products
 

i tried this yet no black line appeared :(

Re: Placing a black line to sperate the products
 

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?

Re: Placing a black line to sperate the products
 

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

Re: Placing a black line to sperate the products
 

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?

Re: Placing a black line to sperate the products
 

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

Re: Placing a black line to sperate the products
 

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

Re: Placing a black line to sperate the products
 

Also be aware of depreciated code, such as noshade.

Re: Placing a black line to sperate the products
 

Sorry, still stuck in 4.0.19.....

Re: Placing a black line to sperate the products
 

I should probably concentrate on listening, for now :)
We're all here to learn - well, most of us, anyway...

Re: Placing a black line to sperate the products
 

So, in the light of the replies, how should we put the horizontal line in, if we should not use noshade, and shouldn't use gif.

A black line would be okay, but we were also thinking may be a red line, so that it was like in "see details" page.

We used the noshade, and it worked to place a greyish line where we wanted it.

Re: Placing a black line to sperate the products
 

You can drop 'noshade' all together - no difference. By the way, it looks great with the grey line.
I think what Balinor and Carpeperdiem meant was to edit skin1.css:

add something like:

.ProductDivider {
height: 1px;
width: 98%;
text-align: left;
}

Then, in skin1/customer/main/products.tpl, do <hr class="ProductDivider">

Am I close, Balinor?

Now, I will shut up.