AbleCommerce Shopping Cart Software

Posted: **Mon Sep 22, 2008 9:27 am**

Hi all,

I want to display Color Swatch to be displayed below the Product Image in Product Detail Page.

Right now it comes right side the product image. I want only Color Swatch Option to be displayes below Product Image and all other options I want at right side of the Product Image.....

Posted: **Mon Sep 22, 2008 11:37 pm**

Give a try and and control your desired layout through style sheet. Place some class around the Color Swatch for example let's say it mycolorswatch and define the following styles for it

Code: Select all

.mycolorswatch
{
position:absolute;
float:left;
/* The following values will properly align your color swatch under product image so provide their
values accordingly */
left:12px;
top:200px;
}

Posted: **Tue Sep 23, 2008 1:41 am**

Hi mazhar,

I tried with same Css with some modufication, it was to made position relative. It looks under product image, but that size remains blank right side of the Product iamge, also valodation does not tell that select color insted it gives some general validation message.

here with find screen shot

AbleCommerce Shopping Cart Software

Place Color Swatch below the Product Image

Place Color Swatch below the Product Image

Re: Place Color Swatch below the Product Image

Re: Place Color Swatch below the Product Image