Categories

Posts Tagged ‘home page’

Canvas

This is a part of documentation to the Starintek Web Design Studio


Canvas panel displays the template. Every change in the template design instantly appears on the Canvas.

Go to the Studio’s menu click on [View] and select [Show Canvas]

You can re-size the Canvas panel by dragging it’s bottom-left corner.

The Canvas panel top bar contains check-boxes to hide or show overlays.

[Show Sections] group contains three check-boxes, checking the first check-box will show page sections: header, body, footer.

The second check-box assigned to show active page sections labels

and the last check-box is for all page sections labels active and not.

Active page section is one that has non-zero width and height. You can adjust page section size in Editor panel.

When you checked Show Sections first check-box the overlays colored red appears on the canvas on top of sections.

Checking the second check-box will show labels of active sections.

The third check-box will show all page sections, even with zero sizes.

You can access Editor directly by clicking on the label, it will change color to yellow when you pass the mouse over the label.

The same approach is true for the page spaces, with difference that overlay color for spaces is green.

The next group on the Canvas’s top bar is responsible for showing/hiding the modules overlays and labels. The color for modules overlays and labels is blue.

You can access directly Editor tools for any module by clicking on the module’s label.

Next feature on the Canvas’s top bar is template pages selector. The home page view is selected by default, but you can switch a view of the template page to another page available from the drop-down list.

Here is view of the Home page

The Product page looks like this

And the checkout page