If you want to edit the design of an already existing page, you can use the Manage Pages button, or find and click on the page row in the Page List:
Option 1: Find the page and go to the page.
When you are at the page you want to edit, click on the Admin button and you will see layout lines and edit buttons on the widgets.
Option 2: Find the page from the Page List table
Click on the Manage Pages button in the menu and redirect to Design list. Then you can go inside the design and edit it with the old version of CMS design panel.
Editing the Page Design
When you mouse hover on the widgets and contents, you will see a menu in the center of the layout, and also some buttons on the corners which appear on each widget separately. Below, you can see a screenshot for the Spotlight widget:
Adding a new row
You can add a new row to the page design by hovering your cursor to the Add Row button. Then you will see the row layout. You can use the one you want to use.
When you click on a row layout, system automatically adds this row to the top of the page. Then by using the green position icon on the top-right corner of the widget, you can change the position of the widget. Click and hold the green position icon, and drag the widget inside the page.
h3. Adding a new widget
The blue button on the top-left corner of the row is used to add a new widget to that row. When you click on the widget, you will see a popup appears to list the widget categories. You can also search for a widget from the search bar.
After you find and add a widget you want to use, you will see a blank area at the bottom of the page where you need to do the widget settings. See the screenshot below:
When you click on the setting icon, the widget settings are displayed in a popup:
Deleting a Widget
You can mouse hover a widget you want to delete and click the Bin icon on the right:
Changing the position of the widget
When you want to change a widget’s position, mouse hover the widget and click on the Position icon on the left:
When you click the Position icon, system removes the widget from its row, and opens up a menu on the right, where you can see the widget list which are waiting to be added again to another row.
Then simply drag the widget on the right menu and drop which row you want:
You can also go to the Admin Panel and edit the design of the page from the panel as you do on the old version. To do so, you can use the Advanced tab on the Pro Admin header menu and click on Edit Design:
Then you will see the page design with the row layouts and widgets inside them: