Moving Attribute above Add to cart

[rainthebat]

Hi Mary,

Try this:

Take out the new <div style="float: left"></div> tag you made.

and change this div tag:
<div id="cartAdd">

to:
<div id="cartAdd" style="float:left">

[marypotter]

hey rainthebat,

thanks for your help and looking but i figured it out.

i went into the stylesheet.css and found

/*Shopping Cart Display*/
#cartAdd {
float: right;
text-align: center;
padding: 1em;
}

and changed the float to left. :-D

[rainthebat]

good to hear Mary, yeah, most of that stuff is hanging around in the stylesheet. It is only when you need a more hardcore customization that the php files need much editing.

[James O]

I have the same problem just moved the attributes and want both on the left

[rainthebat]

Hi James, could you provide a link to your online site so we can see where the problem area with the coding is?

If you download Mozilla Firefox and get the firebug extension, you'll be able to diagnose and solve these types of issues without help. When I analyze the code behind your page, that is what I am using - firebug with the firefox browser.

Sincerely,

~Rain

[jlwco]

I used the first instructions for moving the attributes above add to cart, but I was wondering how I can get the Add to Cart Quanity box (along with the add to cart button) below the Attributes and right justified ? As you can see right now it is to the left of the attributes dropdown.

See how it ended up here: http://chakrasbydidi.com/store/index...&products_id=2

Here's what I did in the tpl_product_info_display.php (not all code included below):

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

<!--bof Additional Product Images --><div style="float:left">

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

any ideas?

[ekaya]

can anyone help me, get the qty, & add to cart to drop below the size attribute, and everything line up nicely on the side of theproduct image?


http://www.farahbella.com/boutique/i...roducts_id=183

thanks!

[ekaya]

nevermind , got it.

[beavertje]

I have problems with getting buy now button without quantity on my product information page.

look at the product list, works great.
Now, once you open a product, it shows quantities to add.
Either i want the button to add quantity above and lined out with the next/prev or i want the buy now button.

Can someone help me with this?
breaking my brain over it and cannot seem to get it to work.

pls help.

my store is www(dot) es se organic skincare(dot)nl

[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;
}