Why "Add to Cart" will not stay right of description but goes below?

[bradlawson25]

I have changed the tpl_product_info_disply.php so i know it is in the right spot but it will not stay to the right of the product image but goes below the product image. The attribute selector stays there but the add to cart does not. I believe it is in my style sheet so i changed it and still no good. Below is my style sheet code.

#cartAdd { margin:0; padding:1em 1em 1em 0; margin:5px 0 0; width:300px; overflow:hidden;}

#cartAdd .qty{ padding:3px; border:solid 1px #E1E1E1; width:20px;}

I thought it was too wide so i changed the width to a smaller size, my description width is 450px and it fits just fine to the right of the product image. So I don't' know what is causing it to move below the image.

I am using 1.39h and using a custom template.

Thanks,

Brad

[stevesh]

A link to the site would help.

[bradlawson25]

I changed it back since i couldn't get it to work. So here is the code. The product description works just fine but the add to cart will not go below the description but will only go below the product image. I changed it back to normal on the cart becuase it looked wired with the attribute drop down and the add to cart in different places. But the link to the cart is below

http://www.mikarose.com/index.php?ma...products_id=88

If you can find anything wrong with my code let me know

#cartAdd { margin:0; padding:1em 1em 1em 0; margin:5px 0 0; width:250px; overflow:hidden;}
#cartAdd .qty{ padding:3px; border:solid 1px #E1E1E1; width:20px;}


<!--eof Product description -->
<p>&nbsp;</p>
<p>&nbsp;</p>
<!--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 -->
<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
// do nothing
} else {
?>
<?php
$display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
// hide the quantity box and default to 1
$the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . '<span class="fright">'.zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT).'</span>';
} else {
// show the quantity box
$the_button = '<strong class="fleft text2">'.PRODUCTS_ORDER_QTY_TEXT . '&nbsp; &nbsp;<input type="text" class="qty" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="8" />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']).'</strong>' . '&nbsp; &nbsp; &nbsp; <span class="buttonRow">'.zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT).'</span>';
}
$display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
?>
<?php if ($display_qty != '' or $display_button != '') { ?>
<div id="cartAdd">
<?php
echo $display_button;
echo $display_qty;
?>
<?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->
</div>
</div>

[bradlawson25]

Any help yet on why the add to cart will not go to the side of the product image instead of moving below it. I changed it in the code but it still wants to go below the product image.

Thanks,

Brad

[bradlawson25]

Does any one have maybe a sugguestion i can try. I changed the code for hours with different ways and it will always push the add to cart below the product image. I put the add to cart above the attr. selector and it pushed both below the product image. The only reason it would do that is because the add to cart is "too wide" i would think but i changed the width to a fix width in the css style sheet and no luck.

So suggestions?

[dgent]

Why have you not put the add to cart code below your main product image code in your file?

At the moment its after the product description...

And in your style sheet put a fixed width on the cartAdd div, try 200px to start with

[bradlawson25]

The description is to the right of the product image so i want the add to cart below the descirption so i put it in the code right below. The addtribute selector goes there ok but not the add to cart button. I have but in the style sheet a fixed with of 100 or 200 but it doesn't change the position. It does make the add to cart on 2 lines so i know it is effecting it but it doesn't make it go below the drescription.

Thanks

Brad

[dgent]

Find the following lines in your CSS and add the 'float: right;' like I have on both and see if this is what you're after...


.buttonRow input, .buttonRow2 input, .buttonRow3 input {border:none; padding:0; background:none;float: right;}

.fleft { float: right;}