Order page

By default, myShop uses a popup screen for placing an order, in which the number of products can be displayed.
The layout of the standard page can be changed by uploading a order page with a custom layout.

The example below shows an order page with custom layout in which these extensions are used.

  • Quantity discount list: line 12 to 23
  • Variation selection: line 25 to 30
  • Description and Quantity control: line 32 to 40
  • Navigation: line 42 to 48


                <title>Custom order page example</title>
                        <span style="font-size:14;font-weight:bold">Place your order</span>
                <!-- Quantity discount list -->
                <table style="myshop-has:group-reduction" align="center" border="0" cellspacing="0" cellpadding="1">
                                <td valign="top">min</td>
                                <td valign="top">max</td>
                                <td valign="top">prijs</td>
                        <tr style="myshop-repeat:group-reduction-list">
                                <td valign="top"><span style="myshop-value:start-range" /></td>
                                <td valign="top">&nbsp;-&nbsp;<span style="myshop-value:end-range"/></td>
                                <td valign="top"><span style="myshop-value:price-formatted"/></td>
                <!-- measures / colors selection -->
                <table style="myshop-has:selections" border="0" cellspacing="0" cellpadding="1" align="center">
                        <tr style="myshop-repeat:selections">
                                <td valign="top"><span style="myshop-value:label"/></td>
                                <td valign="top"><span style="myshop-value:control"/></td>
                <!-- description and input quantity -->
                <table width="100%" border="0" cellspacing="0" cellpadding="1" align="center">
                                <td valign="top align="right">Quantity:</td>
                                <td valign="top"><span style="myshop-value:quantity-control"/></td>
                                <td valign="top" colspan="2"><br/><span style="myshop-value:description"/></td>
                <table align="center" width="100%">
                                <td align="right"><a style="myshop-action:cancel-page">cancel</a></td>
                                <td><a style="myshop-action:next-page">next &gt;&gt;</a></td>

Overview applicable extensions


Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment