Moving Attribute above Add to cart

[enddes]

Currently the attributes menu (in this case Small, Medium, Large, etc. --shirt size) is sitting to the left & below "add to cart." I would like to move it so it is above the "add to cart."
How would I do this?

[rainthebat]

I believe you would need to open includes/templates/YOUR_TEMPLATE/product_info_display.php

find:

<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->

and move the whole chunk up above:

<!--bof Add to Cart Box -->

If you wanted them both on the right hand side, you would need to wrap them in <div> tags.

You could now find:

<!--bof Attributes Module -->

and change to:

<!--bof Attributes Module --><div style="float:right"> 

and close the <div> tag:

</div><!--eof Attributes Module -->

and do the same for the add to cart:

<!--bof Add to Cart Box -->

changed to:

<!--bof Add to Cart Box --><div style="float:right">

and the closing <div> tag:

</div><!--eof Add to Cart Box-->

If you preferred, you could move the styles to the style sheet by giving the <div> an id such as: #attributeRight{float:right} #AddToCart{float:right} or whatever you want to call it.

[shrimp-gumbo-mmmhhh]

I believe you would need to open includes/templates/YOUR_TEMPLATE/product_info_display.php

find:

<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->

and move the whole chunk up above:

<!--bof Add to Cart Box -->

If you wanted them both on the right hand side, you would need to wrap them in <div> tags.

You could now find:

<!--bof Attributes Module -->

and change to:

<!--bof Attributes Module --><div style="float:right"> 

and close the <div> tag:

</div><!--eof Attributes Module -->

and do the same for the add to cart:

<!--bof Add to Cart Box -->

changed to:

<!--bof Add to Cart Box --><div style="float:right">

and the closing <div> tag:

</div><!--eof Add to Cart Box-->

If you preferred, you could move the styles to the style sheet by giving the <div> an id such as: #attributeRight{float:right} #AddToCart{float:right} or whatever you want to call it.

When I do this with my 1.3.8a cart the attributes field totally disappears.... also the add to cart disappears....

So I tried this which also causes the attributes to disappear....

.wrapperAttribsOptions {
margin: 0.3em 0em;
float:right;
}

[kidtwist]

i think this topic should be set to sticky

[ZC Newbie]

I totally agree. I've been looking for a post like this for two days.
Anywho, the post and threads were VERY VERY helpful. I'm just having one problem:
I'd like for the size and color to be on one row.
Here's what it looks like now http://www.thousandstitches.com/shop...&products_id=5

Please advise.

[enddes]

That worked PERFECTLY!
Thanks so much!!!!

[rainthebat]

Great, I was a little nervous it might mess things up for you. Happy to hear it worked!

[SoapyGirl]

Hi, this is my first post here, so be gentle. :)

I've been working on my cart for upwards of 12 hours straight (and that's just today), and I'm a bit bleary-eyed and feeling frazzled. What did me in was, I moved my attribute box above my add to cart box, using float: right. The problem is, the text "Please Choose" is still hanging out on the left side of the page. The text is fine, it's the position of the text that I need to change, and I can't find where that is located.

I'm sure it's probably something super-simple that I'm missing, and I'll feel pretty silly when someone tells me.

BTW, this forum is fantastic. I've been able to find answers to all of my questions up til now. I was hoping I wouldn't have to post and ask for help, but...those two words have me whipped!

TIA!

[rainthebat]

Hi TIA,

Did you do anything to the tpl_modules_attributes.php file?

That file contains the following code:

<div id="productAttributes">
<?php if ($zv_display_select_option > 0) { ?>
<h3 id="attribsOptionsText"><?php echo TEXT_PRODUCT_OPTIONS; ?></h3>
<?php } // show please select unless all are readonly ?>

This line in specific is what controls the display of the text "Please Choose:"

<h3 id="attribsOptionsText"><?php echo TEXT_PRODUCT_OPTIONS; ?></h3>

It might be good to check in your style sheet what is in the brackets of this id:
#attribsOptionsText{} If it contains anything such as float:left, that would be a problem.
If you had to, you could set this to float:right, but that may not correctly solve the problem - then again it may. Also, if this ID doesn't exist, you may want to create it, and do the float:right thing as a test.

Sorry if this isn't very clear, I'm thinking about making rap music right now, and its difficult to concentrate on what I type!

[rainthebat]

The only other thing I could think of with your difficulties, is you may have forgot to close the <div> tag that you started at the beginning of the attributes code.