Layout Help

[onesickpup]

Zen Cart 1.3.9h
I am trying sooooooo hard to get the add to cart section underneath the Please Choose One area, but am failing. To see what I mean, visit http://greatlakesherbalife.com/index...products_id=66
It should be a simple CSS mod, but have not been able to do it. Trying the Firefox web dev. add-on, and still have no clue! Thanks for the help!!!

[haredo]

Explain what you mean by right under the Please Select?

[onesickpup]

see where I have the attributes... kinda in the center, and then the add to cart is off to the left? I want the add to cart under the section that says packaging... which is the attributes.

[schoolboy]

Shifting these elements around is done (chiefly) by editing your tpl_product_info_display.php file.

There are LOTS of forum posts on what to do with this file.

If you do not have such a file in:
includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php ...

Then you make a copy from the template_default/ templates area, and put it into your CUSTOM template folder.

You then edit your custom file... not the CORE (template_default) one.

Once you have moved elements around the way you want them, you can fine tune styles in the CSS.

[onesickpup]

I have includes/templates/CUSTOM/templates/tpl_product_info_display.php open in my editor, but I am lost as to where to get the add to cart box centered.

[schoolboy]

The elements are neatly encased in BOF and EOF comments:

<!--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-->

All you do is CUT that entire section of code from where it is in the file, then PASTE it under (or above) another BOF / EOF section.

[onesickpup]

I have that moved, and it is still on the left. Did you look at the page in question? http://greatlakesherbalife.com/index...products_id=66

[schoolboy]

You could FORCE it over using:

/*Shopping Cart Display*/
#cartAdd {
float: left;
text-align: center;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
margin-left: 130px;
}

But this fixes it relative to the left column. If you were later to alter the size of your image on Product Info page, you would need to nudge it again.

Additionally, you may have similar positioning issues if you have both LANDSCAPE and PORTRAIT images, as the different aspects will also influence the position of the price element and the attribute element.

[schoolboy]

AH... where other products do not have attributes, the addtocart box is positioned where you want it. So my suggestion won't help.

If you INCREASE the size of your product image, it will help. But you then need to increase your site width. I would kill the right column.

There are many options. See what we are doing HERE

[onesickpup]

What I would really like to do. is force selection inside of the add to cart box!