Need help with Product Description and options

[TonyG485]

you are the man! home run on all

Regarding product description positioning problem, anything I could copy you on that might give you some clues?

I have downloaded the Flexible Attributes mod and I know who to call with any questions Thanks for developing this, I think it is exactly what I need. Question on how to install since I am not using FTP as I am on a local host (which means very little to me, but all is working) I have renamed the your_template files to my template name. Where should I drag the Includes folder to and do I need to worry that it will replace something it shouldn't as there is the zencart>includes folder? Will this effect any of the work we have done so far?

I have downloaded firefox web developer and firebug. Looks cool, I just need to figure it out. Where do you recommend I start in order to get a grasp on it?

I am working on a Mac Mini intel core duo based that has a CD-Write: -R, -RW
DVD-Write: -R, -RW, +R, +RW, +R DL
any recommendations as to quick and easy backup procedure for the work being done in zencart and my web page?

I really appreciate the time you've spent helping me out, thanks!!

[TonyG485]

I think I may have followed your lead and installed Flexible Attributes successfully. I will start to rename the attributes with correct ID's and then copy and paste into the original style sheet??

[gjh42]

"Rename"? Most if not all of the IDs would not have existed before so there is nothing to rename... There may be a few generic classes/ids that will need the selectors in their rules renamed.

As you found, copying the /includes/ folder over the existing site's /includes/ will only replace exact duplicate paths. If you have any override copies of files in the mod already, they would need to be winmerged to keep your existing edits. Most if not all of the mod's files will be new and unique.

[TonyG485]

I am confused what exactly I need to do with the Flex Attri stylesheet.

Still not sure what's embedded comments or code. What exactly and where would I need to cut and paste into my templates css sheet if I want to : (see screenshot)

1. Have "Conversion Specification" (I used the comment field for Seat Height option name. I originally created a read only option name Conversion Specification with one option value but neither show up??) Anyhow I want "Conversion Specification" in line but to the right of "Frame Conversions" with same size/color font and the word Conversion over the word Specification. This would act/look like a normal Option Name.
2. Then next to this to the right, just like other options list my other options, specifically Seat Height, Back Height, Stretcher and Footrest in a slightly smaller and black color font, one on top of the other like they were a list of option values.
3. Move "Frame Conversions" dotted bottom-border lower to be below the last option to the right (Footrest) so that both "Frame Conversions" and "Conversion Specification" looks like they are in the same category.

Thanks!!!

[TonyG485]

Sorry, I forgot to ask if the dropdown windows can all be of the same length irregardless of the length of dropdown value text amount?

[gjh42]

To make dropdowns uniform width:

.wrapperAttribsOptions select {width: 15em;}

Since I can't see the page live, I don't know any of the attribute ids to give exact individual rules. All of the dimensions are guesses since I can't test them on your page. Adjust to suit.

#wAttrib[Frame Conversions] {width: 49%; height: 13em;}
#wAttrib[Seat Height] {float: left; width: 49%; border: none;}
#wAttrib[Seat Height] h3 {font-size: 1.1em; color: #0000ff; width: 15em;}
#wAttrib[Back Height] {float: left; width: 49%; border: none;}
#wAttrib[Stretcher] {float: left; width: 49%; border: none;}
#wAttrib[Footrest] {float: left; width: 49%;}

[TonyG485]

Thanks, I'll give it a try but I am still confused if I am supposed to copy all of your code lines and paste them into my style sheet? Or does your stylesheet talk somehow with my original one?


Thanks for the help and this would probably be easier my site was live

[TonyG485]

Well this is what I pasted into my original stylesheet. Frame Conversion is #34, Seat Height is 36, Back Height is 37, Stretcher is 38, Footrest is 39. As you can see Assembly Options (27) is over to the right now.

Should I assign a #wAttrib- to all my attributes for full control?

Thanks!

[Ajeh]

Just a note ... when testing, do not make words bigger than real life ... they need air in them or they cannot wrap properly and will throw off things you are testing as they cannot breathe ...

[TonyG485]

Hi Ajeh, That must be sensei talk, I'm sure gjh42 will know exactly what you mean. But for the white belt in training, like myself, it's over my head Can you translate?

I forgot to put this into my previous post. Here is what I pasted into my style sheet which bore the results of the screenshot.


/*attribute layout*/
.wrapperAttribsOptions label {font-size: 1.0em;}/*make "label" elements match other text*/
h3#attribsOptionsText {display: none;}/*hide the "Please Choose:" heading*/
h4.optionName {font-size: 1.0em;}
.wrapperAttribsOptions+br.clearBoth {display: none;}/*allow floated attributes to sit side by side if desired*/
#wAttrib-34 {width: 49%; height: 13em;}
#wAttrib-36 {float: left; width: 49%; border: none;}
#wAttrib-36 h3 {font-size: 1.1em; color: #0b6fa0; width: 15em;}
#wAttrib-37 {float: left; width: 49%; border: none;}
#wAttrib-38 {float: left; width: 49%; border: none;}
#wAttrib-39 {float: left; width: 49%;}