Introduction The Layout Manager in Advantage is a robust tool equipped with three tabs for configuring various elements of your website’s structure, each designed for specific functionalities. Layouts: This tab allows for the addition or importation of different layouts, toggling their active status, and editing them with ease. You can also duplicate any layout using the copy function. Layout Builder: Adding a new layout is intuitive with the Layout Builder, where you can craft a custom layout by dragging and dropping the Container and Row widgets into the work area, designing your page structure visually. Containers: In the Containers tab, you can create a new container by naming it and specifying the Tag Name, along with any CSS Classes and Inline Styles you require. Save your updates to make the container available for use on your site. Zones: To establish Zones, you’ll start by creating a zone container. Simply fill in the necessary fields, then save your updates. These Zones will then be ready to organize and display content on your pages as designated areas within the layout. Layouts 1. Click on Domain Settings to expand the menu. 2. Click on Layout Manager. 3. Click on Layouts. 4. Click on Add new record. 5. Or Clone and existing layout as a starting point. 6. Click Edit. 7. Now you can access the drag and drop Layout Builder. 8. Click on Container and drag it into the Template Layout where you want it to go. 9. Click on Row and drag it into the Template Layout where you want it to go. 10. Click on View HTML. 11. View the code. Click Ok to close. 12. View the Properties of a Zone by clicking the pencil icon. The Properties window opens, where you can edit and update the Zone Container or Zone/Row. 13. Click on In-line Scripts. 14. Click on Add new record. 15. Enter a Script Name. 16. Check Active. 17. Choose the Page Location. 18. Add your script in the Script Editor. 19. Click on Css Files. 20. Choose whether to Combine Scripts. 21. Click on Add new record. 22. Select a Render location. 23. Set a Url/Location. 24. Click Update, and then Save. 25. Click on Javascript Files. 26. Choose whether to Combine Scripts. 27. Click on Add new record. 28. Select a Render location. 29. Set a Url/Location. Click Update, and then Save. 30. Go to the Page Manager and select your new layout. 31. Use the dropdown to select your Layout. Adding Styling to Containers 1. Click on Domain Settings to expand the menu. 2. Click on Layout Manager. 3. Click on Containers. 4. Click on Add new record. 5. Give the Container a Name. 6. Set the Tag Name. 7. Add CSS Classes. 8. Click on Inline Styles. 9. Click on Update, and then Save. Zones and Row 1. Click on Domain Settings. 2. Click on Layout Manager. 3. Click on Zones/Row. 4. Click on Add new record 5. Give the Zone a Name. 6. Click on Tag Name. 7. Click on Container CSS Classes. 8. Click on Container Inline Styles. 9. Click on Tag Name. 10. Click on Zone Css Classes. 11. Click on Zone Inline Styles. 12. Click on Update, and then Save.