Manage Layouts in Online Designer

Step-by-Step Guide

1. Log into your website admin

2. Visit Main Menu > Settings > Settings Categories > Store Setup > Enable Online Designer and ensure CanvasBase is selected as your store’s online designer.
   
   

   Open

   

3. Now, log into the storefront side of your website with your default admin account credentials. https://store.yourwebsiteurl.com

4. Visit your account dashboard from your My Profile or My Account area.

   Open

   

    

5. Select the Portals option.
   
   

6. Click the EDIT LAYOUTS link beside Use Default Website.

7. You are now in the area where you can create and manage your custom layouts, or templates, available to customers using the online designer.

Layout Design Manager Tour

Here’s a quick walk through the various features available on the main layout design manager page.

Top of Page Features

1. Search Categories & Tags - Just like it says, a way to search for layouts by category or tags. Just start typing and any category or tag including what you type is displayed. Type more and it refines. Select the option when you see what you want to display layouts in that category of classified by the tag.

2. Design Layouts Statistics - Number of custom layouts in your library and how many are showing per page (this can be adjusted to 12, 24, 48, and 96).

3. Layout Texts Button - Manage pre-defined texts that can be inserted into layouts using the designer with text options that are pre-filled for the user to select from.

4. Upload Graphics Button - Upload images to your graphics library.

5. Library Button - Access your graphics library.

Design Display Filters

1. Category - Categories can be assigned to categories.

   1. Clicking on the Add A New Category option you can provide more categories to assign to your layouts.

   2. A number beside each category identifies how many layouts have that category assigned.

   3. Clicking on a category label in the Category option area will display the layouts assigned to the clicked category.

   4. Clicking Edit Categories will give you the tools necessary to edit any created category label.

2. Orientation - Clicking either orientation label will cause only layout designs assigned that label to display.

3. Side - Clicking a side label will result in only the layout designs assigned that side label to display.

4. Style & Theme - Design layouts can be assigned style & theme descriptor labels.

   1. Clicking Add A New Style allows you to add more style & theme labels to assign to layout designs.

   2. A number beside each style & theme label identifies how many layout designs have that label assigned.

   3. Clicking any style ant theme label will display only layout designs with that style or theme assigned.

   4. Clicking Edit Styles provides you tools to edit any style & theme labels you have created.

5. Logo / Photo Area - Clicking the Has Logo or Photo Area will cause only layout design templates which have a blank logo of photo area defined to be displayed.

6. Colors - Select a color to display only template layout designs identified with that color. Custom colors can be added and you can edit the custom colors.

Design Layout Thumbnail Tiles

1. Create a new design layout by clicking this tile.

2. Your created design layouts appear in tiles. Clicking the tile provides you with the choices to edit the layout’s properties (categories, tags, sides, colors, etc.), edit the actual layout design, or if the layout design is assigned to a layout group or groups to edit such group assignments.

3. A page number identifies the number of pages of layout designs that fit the filtered criteria you have selected.