Widget: MOTO Form Width

[G.W.Green]

The widget modifies the MOTO form to use the full width of the screen, making it easier to take orders on all larger screens.

Installation and Use

Install the widget as described in ‘Finding and Installing a Widget’.

If your screen is wide enough, the ‘Shipping’, ‘Payment’ and ‘Miscellaneous’ sections will now sit to the right of the shopping cart in the New Order Form.


Removing the Widget

To remove the widget and restore the original behaviour:

1. Find the entry for the widget in the ‘Widgets’ tab, and click the ‘Installed’ button.
2. Click ‘Download Backup’ and save the backup file.
3. Import the backup file using the same method as installing a widget. This will restore the modified ‘Standard MOTO Form’ layout to the state it was in before you installed the widget.

Code Changes

The widget adds one short snippet of code to the Standard MOTO Form layout. If the widget fails to install for any reason, you can simply open the layout in the Design Library, and paste the code in by hand.
Immediately after the following code in the Standard MOTO Form layout:

<div id="TaxExemptionArea"> <actinic:variable name="MOTOTaxExemptionArea" /> </div>

the widget adds the following:

<!--sd.widget.Moto form.1.1:BEGIN--> </div> <div style="float: left; width: 300px; margin-left: 5px;"> <!--sd.widget.Moto form.1.1:END-->