Posts Tagged ‘show modules’
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












