Help carrying over ordering options from more info to cart

[ShirtDawg]

Hey, I am currently setting up ShopSite Pro on a site that I am trying to sell T-shirts on. I found a way for the user to select a shirt size once they have added a shirt to the cart, but I would like customers to be able to select shirt size from a drop-down box and then add to cart - both from the more info page before even entering the cart itself. If anyone can help it would be greatly appreciated. Thanks!

[ShopSite Nicole]

The ShopSite Pro store does allow you to have the drop down menu appear on the product pages and more info pages. What you do is go to Products > Edit Product Layout > Check to display ordering options.

-ShopSite Nicole

[ShirtDawg]

Awesome, thanks Nicole! What code do I need to implement on the more info page in a custom layout for the drop-down menu to appear?

[ShopSite Nicole]

The following cookbook page will give you the required tags:
http://www.shopsite.com/templates/cookb ... ions.shtml

Specifically:
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --]<br>[-- END_IF --]
[-- Order_Option_Menu Column --]
[-- END_IF --]

or just:
[-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --]<br>[-- END_IF --]
[-- Order_Option_Menu Line --]

[ShirtDawg]

Appreciate your assistance. Thanks alot!

[ShirtDawg]

Hey, when I add a product to cart from the More Info page the size I choose from the ordering options box does not carry over to the cart...

http://shirtdawg.com/store/product1.html

Any idea how I can fix this?

[ShopSite Nicole]

You can control the image size for the cart by going to Commerce Setup > Order System > Layout Info. Under Shopping Cart Template there should be a section about displaying the product images in the cart. It is there you choose the size.

-ShopSite Nicole

[ShirtDawg]

Hmm.. guess I worded my question wrong.

When I choose an "ordering option" on the more info page and click add to cart... the "ordering option" i had chosen is not carrying over to the cart and thus the customer is forced to choose the ordering option over again.

Click the link I posted to my shopsite and you will see what I'm talking about when you choose an ordering option and click add to cart.

I'm trying to figure out how to get the ordering option chosen by the customer to carry over the the cart.

[ShopSite Lauren]

It looks like your add to cart button is setup as just an add to cart link, it is not a submit button as part of a form. I'm not sure what your code for the more information template is setup, but it should be something similar to the following:

<table border="0" cellspacing="0" cellpadding="7">
<tr>
<td valign="top">
<table border="0" width="180" cellspacing="0" cellpadding="8">
<tr>
<td><font face="Verdana" size="1"><b>ShirtDawg.Com<br>

</b></font><font face="Verdana" size="1"><br>
ShirtDawg t-shirts are made in the U.S.A. with ultra soft
100% pre-shrunk cotton and weigh a meaty 6.1 oz. All shirts
feature a seamless collarette and shoulder-to-shoulder
tape, with a double-needle neck, sleeve and hem. Our
water-based inks leave a soft-hand feel on these medium to
light colored t-shirts. At ShirtDawg we stand firmly by our
products and you can see the quality for yourself in this
t-shirt we have made just for you! Wear it proudly!
</font></td>
</tr>
</table></td>
<td valign="top">
<form action="[-- SHOPPING_CART_URL Base --]/order.cgi" method="post">
<input type="hidden" name="storeid" value="[-- STORE.ID --]">
<input type="hidden" name="dbname" value="products">
<input type="hidden" name="function" value="add">
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
<center><table cellspacing="10" border="0"><tr><td valign="top">
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --]<br>[-- END_IF --]
[-- Order_Option_Menu Column --]
[-- END_IF --]
</td><td style="background-color: #000000;"></td><td valign="top">
<b><font size="4">
<input type="submit" value="ADD TO CART" style="background-color: transparent; color: red; border: 0px; font-family: verdana;"></b>
</form>
<br>
[-- IF PRODUCT.DisplayPrice --]
[-- IF PRODUCT.SaleAmount --]
<strike>[-- PRODUCT.Price --]</strike> <b>[-- PRODUCT.SaleAmount --]</b>
[-- ELSE --]
[-- PRODUCT.Price --]
[-- END_IF --]
[-- END_IF --]</font></td></tr></table></center>
<a href="http://shirtdawg.com/images/ABLANKSHIRT-XL.jpg" rel="lightbox" title="BLANK SHIRT"><img src="http://shirtdawg.com/images/ABLANKSHIRT-XL.jpg" border="0"></a> </td>
<td valign="top">[-- IF PRODUCT.Field3 --][-- PRODUCT.Field3 --][-- END_IF --]</td>
</tr>

</table>



You can use the following cookbook page as a guideline for setting up the add to cart form.
http://www.shopsite.com/templates/cookb ... -add.shtml

[ShirtDawg]

Awesome thanks, that works great! Is there anyway I can customize the add to cart button using an image instead of text?

[ShopSite Lauren]

Yes, you would just change the input to:

<input type="image" src="URL for image" alt="Add To Cart">

[ShirtDawg]

Thanks.