Formatting For Product Attributes

[vandydavid]

Hey Guys. I am trying to match a style my client had last year and I am not having any luck. I am trying to Separate the Attribute Name from the text field. Take a look at the picture below and see what I am trying to accomplish. Any help would be GREATLY appreciated.

[4jDesigns]

I'm looking for the same thing in a way, but I need to seperate each field to use and style anywhere on my page.

So far I have been able to do this by viewing my source code in FF and copy / paste the relevant field info into my own divs. Thus creating duplicate fields. I have hidden the the attributes list Zen created by display:none. You can't just delete otherwise attributes won't be recognised........BUT

....BUT BUT BUT..... the reason why I'm looking for what you looking for is the fact with text input fields this method seems to not work. As with radio / checkboxes if selected it selects the fields in the hidden section, but when it comes to text inputs or file uploads it does not update the hidden fields and therefore not adding to cart.

Does this make sense, anyway this is what I have done so far, but anyone does have a way of extracting each attribute individually for styling, specifically positioning inside divs that swap, I would also really appreciate it.

-------------------
Jay

[stevesh]

Have you looked at this ?

http://www.zen-cart.com/index.php?ma...oducts_id=1494

[4jDesigns]

Once again, Steve to the rescue. Exactly what I was after...

THANKS!

[4jDesigns]

Just came to a realization that I am using Show/Hide Divs so I think I need the actual code to go into specific div tags and not just position.

example:

<div id="someone_content" style="display:none;">
<!--  bof Code for file upload input  -->
 <div class="wrapperAttribsOptions" id="wAttrib-5">
  <div class="attribsOptions">
   <h4 class="optionName back"><label class="attribsUploads" for="attrib-5-0">photo</label></h4>
   <input name="id[TEXT_PREFIX5]" id="attrib-5-0" type="file"><br>
   <input name="UPLOAD_PREFIX1" value="5" type="hidden">
   <input name="TEXT_PREFIXUPLOAD_PREFIX1" type="hidden"> ( +£0.50 )
  </div>
 </div>
<!--  eof Code for file upload input  -->
</div>

Seems simple enough, but I do it this way it does not update the actual input field which is grouped together with the other attributes. As I mention I am able to do this method with radio buttons, checkboxes and selectors, just not text or file inputs. But I did find a snippet to sort out text inputs (see above post for code) and this does not work for file input....

So if anyone could help out with this, please help, driving me crazy....

Thanks in advance