Forums / Basic Configuration / Product Info Page Layout - GOING NUTS!!

Product Info Page Layout - GOING NUTS!!

Locked

Views: 943

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
14 Sep 2009, 11:22 PM
#1
kaddie avatar

kaddie

New Zenner

Join Date:
Feb 2009
Location:
In the Woods of Texas
Posts:
63
Plugin Contributions:
0

Product Info Page Layout - GOING NUTS!!

I am trying to move my store from OSC to ZC. For the life of me I cannot get the attributes and add to cart under the shipping weight and have all that area aligned left evenly. I am using the newest ZC version and a custom template that has been hacked to no end.

progroom dot com/shop/index.php?main_page=product_info&cPath=61_109&products_id=111

Can someone please give me some pointers. I have tinkered everywhere in the CSS and product_info_display and have yet to receive concurred results.:censored:

The new store I want to change:

**This is the look and feel I am trying to acheive: **

Whoa, I would prefer to stay with using tables and not graduate to divs. Urrrrgh!! It is so frustrating if you don't know the coding or if you have time to learn. :frusty::no::yuck:

Kaddie

15 Sep 2009, 8:26 AM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: Product Info Page Layout - GOING NUTS!!

A few random bits... need sleep, can't concentrate more right now :)```
#productDescription, .shippingEstimatorWrapper {
font-size: 12px !important;
padding: 0.2em; margin-left: 15em;padding-top: 2em !important;
}
.wrapperAttribsOptions {margin-left: 15em; width: 25em; padding-top: 0.2em;}
#productDetailsList+.clearBoth, .wrapperAttribsOptions+.clearBoth, .wrapperAttribsOptions .clearBoth {display: none;}
#productAttributes {
padding: 5px 5px;
margin: 5px 0;
/border: 1px #f3ecd9 solid;/
/background: #fcfcea;/
}

15 Sep 2009, 5:48 PM
#3
kaddie avatar

kaddie

New Zenner

Join Date:
Feb 2009
Location:
In the Woods of Texas
Posts:
63
Plugin Contributions:
0

Re: Product Info Page Layout - GOING NUTS!!

gjh42:

A few random bits... need sleep, can't concentrate more right now :)```
#productDescription, .shippingEstimatorWrapper {
font-size: 12px !important;
padding: 0.2em; margin-left: 15em;padding-top: 2em !important;
}
.wrapperAttribsOptions {margin-left: 15em; width: 25em; padding-top: 0.2em;}
#productDetailsList+.clearBoth, .wrapperAttribsOptions+.clearBoth, .wrapperAttribsOptions .clearBoth {display: none;}
#productAttributes {
padding: 5px 5px;
margin: 5px 0;
/border: 1px #f3ecd9 solid;/
/background: #fcfcea;/
}


Thanks Glenn,

That didn't work completely. However, I believe we are on the right track. The attributes are moved up to where I desire them but they are a bit scrambled at this point. Do you know what to do from here?

Kaddie