X-Cart forums - Alternate background shades for each product...

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Alternate background shades for each product... (https://forum.x-cart.com/showthread.php?t=29251)

kalwani@hotmail.com

02-28-2007 10:26 AM

Alternate background shades for each product...

Can anyone please suggest how i can insert a alternate background color for each product in the central product list on the customer page. The way my website is setup it is hard to differentiate information of one product from the next since the background is a standard white throughout.

Thanks in advance for your help

inebriate

02-28-2007 11:48 AM

Re: Alternate background shades for each product...

backup your files before trying this since i am just going off the top of my head...

in products_t.tpl, before {/section}, add </div> and right after {section name=product loop=$products} add:

Code:

{if %product.index% is even}

    <div class="shaded">

{else}

    <div class="nonshaded">

{/if}

and in your css style sheet, add (id recommend you change the color values however):

Code:

.shaded {

background-color: #654321;

}

.nonshaded {

background-color: #123456;

}

kalwani@hotmail.com

03-08-2007 07:26 PM

Re: Alternate background shades for each product...

The above code did not do it.
Can anyone else please help out on this....Thx

ARW VISIONS

03-08-2007 07:40 PM

Re: Alternate background shades for each product...

I put a border around mine...

edit the css...

.PListCell {
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: center;
PADDING: 10px;
VERTICAL-ALIGN: top;
border: 1px solid #7289A8;
}

I don't use the same layout as you but I'm sure you can figure it out.

inebriate

03-09-2007 03:22 AM

Re: Alternate background shades for each product...

Quote:

Originally Posted by kalwani@hotmail.com

The above code did not do it.
Can anyone else please help out on this....Thx

you may have to remove ' class="DialogBox" ' in the TD

Code:

<TD align="center" valign="top" width="{$width}%" class="DialogBox">

again, backup your files before you try the above mod

note: you may need to edit products.tpl instead if you only have a 1 column setup

All times are GMT -8. The time now is 02:36 AM.