The tag for the sku is [-- PRODUCT.SKU --] to move where it displays just find that tag in the [-- DEFINE MORE_INFO_PAGE --] in the product template that you are using and move it to where you want it to display.
The text for the product can come from two different areas, the main product description is output by the template tag [-- PRODUCT.ProductDescription --] . The more information text is displayed by the tag [-- PRODUCT.MoreInformationText --]. Just place the tag for which ever description you want in the place where you want it to display.
There is probably a style associated with the text so check the html source of the page and see what style is around the text you want changed. Then modify that style with your own css.
The Order Options are always displayed by a single tag, so there is no easy way to separate them as far as you want them to be.
In my first sample code I gave you the easiest way to display the order options and checkout buttons all with one tag, [-- PRODUCT.OrderCheckout --]. That one tag opens the require form element, outputs the order option text description, outputs all the order options, outputs the add to cart and view cart buttons and closes the form.
It is possible to break up the output using multiple tags that will give you more control over the layout. Here is a more expanded version of what the [-- PRODUCT.OrderCheckout --] does. You could use this in place of that tag.
- Code: Select all
<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 --]">
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- IF PRODUCT.OptionText --]<span class="options-hdr">[-- PRODUCT.OptionText --]</span>[-- END_IF --]
[-- IF PRODUCT.OptionFiniteText --]<span class="product-options">[-- Order_Option_Menu Column --]</span>[-- END_IF --]
[-- END_IF --]
[-- IF PRODUCT.DisplayOrderQuantity --]
<span class="product-quantity">[-- STORE.Qty --]: <input type="text" size="3" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]" name="[-- PRODUCT.RecordNumber --]:qnty"></span>
[-- END_IF --]
[-- IF ADDIMAGE? --]
<input class="add" type="image" [--ADDIMAGE--]>
[-- ELSE --]
<input class="add" type="submit" value="[-- ADDTEXT --]">
[-- END_IF --]
</form>
The above code will put the order options each on a separate row so the two order options you have for will look like
- Code: Select all
Select Bouquet Size
Delivery date
Instead of being on the same row.
Give that a try and see if you like it better.