quantity text box/ input field

[gjh42]

I have long been annoyed by that button mismatch too, so I just fixed it on my own site. Here it is:

In tpl_product_info_display.php find this

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

and edit it with
<span id="cartAddButton">
and
. '</span>'
to get this

 } else {
              // show the quantity box  gjh42 4/13/06 - chg box layout to horiz.
    $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" />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<span id="cartAddButton">' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT) . '</span>';
            } 

In your stylesheet find #cartAdd and below it add this

#cartAddButton {
    position: relative;
    top: 1em;
    } 

[mellonade]

AMAZING. works beautifully.

thanks for all your help, again

[Soniccc]

Hi!

I was thrilled to seet his solution! I tried it right away (with ZenCart 1.39e) but when I copied your (gjh42) code into 'tpl_product_info_display.php' the product information page disappeared I'd really appreciate to have the fix for cartadd you posted
on this page!!

Please help me!

Thanks!

Regards
Jacob

[gjh42]

We need to see your site to be sure of the correct fix for you. Also, post the actual section of code from your file to be sure it is correctly applied.

[NoobGal]

I am having a similar problem, I would like the add to cart button and the qty box on the same line with space between them and aligned neatly so they don't look mismatched. I did what you said and managed to get them on the same line but they are still misaligned. Here is a link to the page in question http://www.lovetolust.com/test/zen/i...roducts_id=181

Would greatly appreciate some help with this.

[gjh42]

You didn't do what I said in the stylesheet. adding a margin all around the button is not going to do anything useful. You need to push or pull it down:

#cartAddButton {
    position: relative;
    margin: 0.1em;
    bottom: -0.5em;
	}

[NoobGal]

Sorry I did initially put in the CSS
position: relative;
top: 1em;

But since that didn't seem to align the button and box I fiddled around, obviously I don't really know what I am doing so I kept making changes and saving the css file to see what effect it was having, I have been banging my head against the wall with this for about 4 hours :-/.