Attributes aligned with add to cart

[richphitzwell]

How can I make it so my attributes are horizontal with the add to cart button ? Directly to the left or right doesnt matter.

Thanks

[kobra]

Alter the order of things in a copy of tpl_product_info_display.php

Depending on your desired order - - a bit of css tweaking might be necessary

[richphitzwell]

Posted via Mobile Device

[richphitzwell]

The order is not the answer. It forces it above or below the div. I can't seem to find where to either incorporate it into the div. Or alter the div to allow it to fit in.
Posted via Mobile Device

[kobra]

The order is not the answer. It forces it above or below the div.

The attributes div is full width.....

Depending on your desired order - - a bit of css tweaking might be necessary

[richphitzwell]

is this controlled by tpl_modules_attributes? PHP is my weakness and I have no idea where i start on this one. how do I define a fixed width? Or am I looking in the wrong place?

[kobra]

is this controlled by tpl_modules_attributes? PHP is my weakness and I have no idea where i start on this one. how do I define a fixed width? Or am I looking in the wrong place?

No, it is a css tweak

Post a link to your install if you require assistance from the community

Can break link to your site by adding ONE space as in

http: //www.zen-cart.com/

[richphitzwell]

Well this is what Im after. basically I need to make it very clear they have to pick the options prior to purchasing.

[gjh42]

You can't put the attributes inside the add to cart box, but you can create a new div that encloses both of them and is styled like a box. Using float left or right and eliminating clear left/right/both from between the elements will let them be side by side.

[richphitzwell]

I cant believe I made this out to worse than it was, but thank you for all your help. I may tweak this around abit but it was way too simple. What kept throwing me off was I kept looking for div "productAttributes" that shows in firebug.

in my stylesheet
#boxleft {
width: 500px;
float: left;
}
#boxright {
width: 300px;
float:right;
}


in tpl_product_info_display
<div id="boxleft">

<!--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 -->
</div>
<div id="boxright">
<!--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']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
} else {
// show the quantity box
$the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
}
$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_qty;
echo $display_button;
?>
</div>
<?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->
</div>