How do I create additional variants or delete variants for my website?

Modular websites 

Modular websites template from Elements/ Designs Galleryor from File > New menu consist of a Main and Mobile variant.  It is not possible to add additional variants or delete a current variant.  Control over variants is possible from Freeform websites.  

Creating a Mobile Variant:

Click on Utilities > Website Variants > Website Variants to bring up the variant dialog box. 

 

Click on the Create button.

 

Enter a name for your variant appropriate for its use, Mobile for example if it is going to be viewed mainly on mobile devices, or tablet, widescreen etc. Then enter the page width of your device. 480px is the most common page size for mobile devices. Then click Create.

 

You will need to then re-arrange the contents of each page in your new variant. Please keep this in mind:

1. Text areas are shared by default, so deleting portions or amending text will be reflected where it is shared on other variants, however feel free to resize the text. You can un-share it by right-clicking the text > Website Variants > Stop Sharing
2. Your NavBar will be copied and repeated on all pages in the variant, but not shared, so feel free to delete and rename buttons as required.

When a variant is created, a new tab is created for it with the name of your file and the name of the variant in brackets. This is to help get a clear idea of what your variants will look like and if necessary make changes to the individual varaints, and doesn't mean that they are a separate documents. There is just one file exported to one URL.

 

Deleting a variant:

1. click on Utilities > Website Variants > Website Variants to bring up the variant dialog box.
2. select the variant you wish to delete and click on the Delete button 

Editing a variant:

Click on Utilities > Website Variants > Website Variants to bring up the variant dialog box, select a variant from the list and click Properties. From there you can change the page width of the variant.

The page size in that dialog box is taken from the index page.

 

Saving your variants:

Remember that all variants in your website belong to one document. The separate tabs might make you think that there are multiple .web/.xar files, but in fact all the variants of your website belong to one document. If you save the document, it will save changes across all variants.

For further information on creating variants watch our movies at http://www.xara.com/web-designer/tutorials-demos/48758.74303/ (Creating a Mobile Variant Part 1) and http://www.xara.com/web-designer/tutorials-demos/50594.76284 (Creating a Mobile Variant Part 2)