X-Cart forums

[toolexperts]

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]

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]

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

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

[toolexperts]

i tried this yet no black line appeared

[imexhouse]

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]

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

[activeabrasives]

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]

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]

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]

Also be aware of depreciated code, such as noshade.