Tightening up details on my product info page...

[KismetDesign]

Right now if you go to our product info page you'll see that everything looks pretty streamlined, except for the part where you choose a book format, choose a quantity, and click on the add to cart button.

Is there anyone who can make any suggestions on how to tighten this section up so it doesn't look like it's just floating all over our page? I'd like to decrease the space between the 'PLEASE CHOOSE' text and the eBook Formats.... decrease the space between the eBook Formats and the quantity box, and do the exact some thing to the 'Add this to my cart' button down below.

Any advice would be greatly appreciated. Thanks!

KismetDesign

[usernamenone]

On your tpl_product_info_display.php either you or someone else has added a couple breaks in the cartadd section

// show the quantity box
<input name="cart_quantity" value="1" maxlength="6" size="4" type="text"><br /><br />remove the breaks and you should loose the space.

[KismetDesign]

It wasn't me, but I found the spot you mentioned and pulled out two line breaks. It did make it look a little better, however there is still too much room between the eBook Formats and the Add to Cart Quantity box.

Can you think of any way to pull out that space?


Also, where you put in the quantity, the text is on the right and the box is on the left. Is there a way to switch these?

I think that might look better overall since the checkboxes above are on the left and the text is on the right.

What do you think?

Thank you, thank you, thank you for your help!

KD

[usernamenone]

I change the wording in the language folder english.php line 383 to say Buy: then the box then the button all on one row.

The code to make it all on one line is this

// 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" />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT,'class="input" style="margin-left:2px; padding-bottom:-5px"');
}


The class was added to the button to make adjustments to the button level to the lineup.

If you try this make sure you backup first.

[KismetDesign]

That worked out great. Thank you.

Do you know if the 'Add this to my Cart' is an image in itself or text over a background?

I'd like it to be smaller, and just say 'Add to Cart'.

KD

[usernamenone]

Glad that worked out for you!

it is a button in
includes/templates/theme163/buttons/english/button_in_cart.gif

[KismetDesign]

Alright... got it!

[usernamenone]

Fantastic! Looks very professional.