WEBVTT

00:00:00.250 --> 00:00:05.800
Welcome to the AgenticEcom Astro Admin guide to style presets. We're using the Sync

00:00:05.823 --> 00:00:11.279
Comms storefront to show the current controls. We'll review the workflow with previews, without

00:00:11.338 --> 00:00:13.671
saving changes to this live store.

00:00:14.721 --> 00:00:20.027
Open Style Presets. The Global Storefront Form and Structure panel shows the current

00:00:20.085 --> 00:00:25.460
style selection and Apply Style. One style affects the whole storefront, including

00:00:25.541 --> 00:00:31.230
surfaces, borders, corner shapes, shadows, motion and button appearance. It

00:00:31.265 --> 00:00:33.854
does not choose the page's block arrangement.

00:00:34.904 --> 00:00:40.512
Use Built-in to browse the supplied styles. Each card includes a sample of the style's surface

00:00:40.558 --> 00:00:46.119
and button treatment, plus its identifying information. Compare a few options with your brand

00:00:46.177 --> 00:00:51.251
and product images in mind. The sample Primary action buttons demonstrate

00:00:51.285 --> 00:00:55.337
appearance; they are not the site-wide Apply Style control.

00:00:56.388 --> 00:01:02.054
The search field filters the gallery by preset details. Use a specific name, such as Core,

00:01:02.170 --> 00:01:07.812
to find a known option. The Custom tab shows styles stored for this site. Export

00:01:07.859 --> 00:01:13.548
creates a reusable JSON file for moving an existing preset to another environment through Import

00:01:13.606 --> 00:01:14.500
Preset.

00:01:15.550 --> 00:01:20.798
When you have chosen a style on your store, select it in the top dropdown and click Apply

00:01:20.879 --> 00:01:25.767
Style. Rebuild the affected storefront pages and inspect product cards,

00:01:25.976 --> 00:01:31.491
forms, buttons and mobile spacing. For custom style creation, use the editor

00:01:31.537 --> 00:01:37.064
capabilities available in your deployed version; this current gallery does not display an Edit

00:01:37.110 --> 00:01:39.467
control on each built-in card.

00:01:40.517 --> 00:01:46.067
To put this into practice, compare style samples, choose the intended global preset,

00:01:46.241 --> 00:01:51.732
apply then rebuild and check key pages. Test the complete result on your own staging

00:01:51.790 --> 00:01:57.398
storefront before publishing. You can follow the written Astro Admin guides at user guides dot

00:01:57.468 --> 00:01:59.372
AgenticEcom dot net.