Page Comparison

...

1. If you are not already on the manage layouts page, follow the steps listed on Manage Layouts in Online Designer to get there.

2. Click the Create New Design Layout tile to begin creating your new design layout.
   

   

3. Complete the Create New Layout basic info

   

   1. Enter the Width and Height, select the unit of measure, Indicate if the design will be scaleable, and if Yes select the tolerance percentage.

   2. Create a descriptive name for your layout.

   3. Add a brief description..

   4. Press the Save & Proceed button.

4. Establish the various characteristics which will help users when filtering the your designs.

   

   1. Active defines if the layout is visible to users on your storefront. This can be useful when a design is being created, but not yet ready to use.

   2. Selecting the orientation will allow users to filter designs based on the orientation of their product selection.

   3. Indicate if you plan to include a placeholder in your layout design for a logo or a key photo.

   4. Select one or more layout categories or enter the text to define a new category then press the +Add Category button to add a new selection.

   5. Select a layout style or add a new descriptive style if necessary.

   6. If your design is built around a specific color scheme, select the color or colors.

   7. Assign tags or keywords to your design layout.

   8. Indicate if the design is a Front or Back specific design layout.

   9. Select the appropriate button to continue or cancel.
      

5. Build your layout using the CanvasBase design tool.

   The basic design tools operate like many WYSIWYG design tools.
   Image Removed

   Image Added

   1. Hovering over the design element buttons will provide more info about the button or what action it performs. Selecting some design tool buttons will display a tool specific set of options to the left of the design canvas, some will simply toggle the feature, and others will display a sub-menu of items from which to select.
      

      

6. Text Design Tool Button

   1. Insert New Text Field

   2. Insert New Text Menu

   3. Insert New Text Area
      

7. Images Design Tool Button

8. Shapes Design Tool Button

9. Holder Design Tool Button

10. BG (Background) Design Tool Button

11. Snap Design Tool Button - toggles whether elements placed on the design canvas jump to place on a design grid or can be freely placed anywhere.

12. Undo/Redo Design Tool Buttons - Perform like normal undo and redo buttons.

13. History Design Tool Button - Displays a linked list of recent design edits and clicking any edit link will take your design back to that point in the design process.

14. Reset Design Tool Button - Will remove all design elements and reset the canvas back to its default state.

15. Tag Design Tool Button - Inserts the storefront logo into the design canvas.

16. View Design Tool Button - Toggles a sub-menu from which you can select to Preview (opening a small window containing your design without the cut and safe guides) or Full-screen preview (toggles the design canvas to full screen).

17. Save Design Tool Button - Saves your current design state.

18. Locks Design Tool - Displays a sub-menu where you can toggle the lock state of all Background elements, Text elements, Image/Shape elements, and hide or show element controls.