Place Color Swatch below the Product Image

[pradyuman]

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.....

[mazhar]

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;
}

[pradyuman]

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