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.

[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.

[SoapyGirl]

Hi TIA,
It might be good to check in your style sheet what is in the brackets of this id:
#attribsOptionsText{}
Also, if this ID doesn't exist, you may want to create it, and do the float:right thing as a test.!

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.

Hi Rain,
Thanks! I didn't use any <div> tags; I was moving things via the CSS, and got it all moved except for that string of text.
Your #attribsOptionsText suggestion worked. It wasn't already there, so I added it in, and that nailed it.
Thanks for the solution.

[HOBOcs]

Thanks for posting...I needed this as well.

[marypotter]

I was wondering if you would be able to help me out. I can't figure out how to move the add to cart to the left of my page.

http://intelligenttease.com/store/in...&products_id=1

I tried putting it in a div tag <div style="float: left"></div> , but it still is on the right.