WEBVTT

00:00:00.250 --> 00:00:05.753
Welcome to the AgenticEcom Astro Admin guide to page editor & custom layouts. We're

00:00:05.800 --> 00:00:10.525
using the Sync Comms storefront to show the current controls. We'll review the workflow with

00:00:10.571 --> 00:00:13.718
previews, without saving changes to this live store.

00:00:14.768 --> 00:00:20.364
Open Edit Design for the page type you want to work on. Components is the block palette,

00:00:20.480 --> 00:00:25.925
Navigator gives a tree view, and the centre canvas is organised as rows, columns and blocks.

00:00:26.320 --> 00:00:31.788
Select an existing block to open its properties on the right. This is a layout editor; product and

00:00:31.858 --> 00:00:33.855
price data remain in Magento.

00:00:34.905 --> 00:00:40.176
Select a block on the canvas, such as Hero Banner. Variations offers layouts for that

00:00:40.222 --> 00:00:45.656
block. Open its variant picker to compare the available choices. Where a choice uses the

00:00:45.714 --> 00:00:50.892
two-click confirmation, the first click arms it and the second applies it to the

00:00:50.973 --> 00:00:55.988
unsaved canvas. We are inspecting the choices without saving a new layout.

00:00:57.039 --> 00:01:02.531
Content controls the block's text, image, link or source data where that block supports

00:01:02.589 --> 00:01:08.219
it. Settings covers the available block options and spacing. Data-bound blocks may

00:01:08.301 --> 00:01:13.943
use Magento CMS content or catalogue fields instead of editable text. Use

00:01:13.966 --> 00:01:19.330
the controls shown for the selected block rather than assuming every block has the same fields.

00:01:20.380 --> 00:01:25.535
Use Desktop, Tablet and Mobile in the top bar to inspect the layout at each breakpoint.

00:01:25.988 --> 00:01:31.468
Confirm the order and spacing still work on a narrow screen. Navigator can help you select

00:01:31.560 --> 00:01:37.040
nested blocks. On your own design, click a Components item to add it, then use

00:01:37.110 --> 00:01:39.467
undo if the addition is not needed.

00:01:40.517 --> 00:01:46.125
More save options separates Save as draft, Publish, Save as new preset, and version

00:01:46.183 --> 00:01:51.593
history. A draft is a checkpoint. Save as new preset keeps a reusable copy.

00:01:51.930 --> 00:01:57.294
When editing an existing custom preset, Update can overwrite it in place; if it is already

00:01:57.363 --> 00:02:02.890
active, that affects the live layout. Choose the action deliberately and prebuild

00:02:02.959 --> 00:02:05.130
after an intended live change.

00:02:06.180 --> 00:02:11.834
For a new layout, save a named custom preset, select it on Structural Presets, then

00:02:11.904 --> 00:02:17.465
prebuild the affected pages. When experimenting in a live Admin, discard changes

00:02:17.535 --> 00:02:23.154
you do not intend to keep. This demonstration leaves the Sync Comms layout unchanged

00:02:23.328 --> 00:02:28.518
and has not saved a draft, updated its active preset or started a build.

00:02:29.568 --> 00:02:34.607
To put this into practice, edit the correct page type, check blocks and responsive

00:02:34.653 --> 00:02:40.272
layout, save deliberately then activate and prebuild. Test the complete result on your

00:02:40.330 --> 00:02:45.671
own staging storefront before publishing. You can follow the written Astro Admin guides at

00:02:45.764 --> 00:02:48.933
user guides dot AgenticEcom dot net.