Forums / Setting Up Categories, Products, Attributes / Attributes look differently from page to page

Attributes look differently from page to page

Views: 633

Results 1 to 3 of 3
8 Oct 2013, 3:03 AM
#1
jimmie avatar

jimmie

Totally Zenned

Join Date:
Jan 2013
Location:
New Port Richey, Florida
Posts:
971
Plugin Contributions:
0

Attributes look differently from page to page

Attributes look differently from page to page: Add this to my cart does not move with attributes.
http://www.floorz-n-more.com/index.php?main_page=product_info&cPath=55_144&products_id=1305
http://www.floorz-n-more.com/index.php?main_page=product_info&cPath=55_144&products_id=1910
how do i fix this to look one way or the other?

8 Oct 2013, 4:36 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Attributes look differently from page to page

The cause of your problem is not the attributes, but the styling of the main product containers. Both the image and text containers are floated left, without defined widths, and thus take the narrowest width they can. The one with the longer title forces its container to be wider and lets the add to cart come up beside the attributes. You probably need to set widths for #p-left and #p-right, or eliminate the float for #p-right and give it a margin-left that clears the widest images.#p-left {float: left;} #p-right {margin-left: 105px;} If you want the box to contain the whole option list, you can add this to your stylesheet, though it will also make the add to cart fall below the bottom of the attributes (inside the box).```
.wrapperAttribsOptions br:last-child {clear: both}

8 Oct 2013, 11:27 AM
#3
jimmie avatar

jimmie

Totally Zenned

Join Date:
Jan 2013
Location:
New Port Richey, Florida
Posts:
971
Plugin Contributions:
0

Re: Attributes look differently from page to page

thankyou