Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

If CanvasBase designer is enabled on your storefront you can add your own templates to your storefront for your customers to use in designing the look of their products.

In addition to adding your own design templates, you can also offer standard design templates by ensuring they are enabled at Main Menu > Settings > Manage Storefront Settings > Settings Categories > Store Setup > Artwork/File Related > CanvasBase Show Default Designs on Store

Step-by-Step Guide

  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.

    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 - Just like it sounds. Adds a new single line text element to the canvas.

    2. Insert New Text Menu - Allows you to build a set of text elements from which the designer can select when using the layout. (e.g. cities in your area)

    3. Insert New Text Area - Allows you to add a multi-line text box to your canvas.

  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.

  • No labels