woocommerce/plugins/woocommerce-admin/client/customize-store/intro/README.md

31 lines
2.6 KiB
Markdown
Raw Normal View History

# Intro page
The logic for the Intro page is complex, and it varies based on multiple factors like:
- The active theme
- The status of the `Customize your store` tasks (completed or not)
- The flow type (AI flow or not)
## Core flow (no AI)
| Theme | Task completed | Intro page |
|---------|----------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| TT4 | No | ![tt4-no](./readme/noai1.jpg) |
| TT4 | Yes | The "Customize your theme" and "Use the store designer" buttons go to the assembler. ![tt4-yes](./readme/noai2.png) |
| Block | - | The "Go to the Editor" button opens the Editor (wp-admin/site-editor.php). "Use the store designer" opens a modal to inform the user their theme will change if they accept and it will start the CYS flow. ![block](./readme/noai3.png) |
| Classic | - | The "Go to the Customizer" button opens the Customizer (wp-admin/customize.php). "Use the store designer" opens a modal to inform the user their theme will change if they accept and it will start the flow. ![classic](./readme/noai4.png) |
## AI flow
| AI generated theme | Task completed | Intro page |
|--------------------|----------------|--------------------------------------------------------------------------------------------------------------|
| - | No | ![task-completed](./readme/ai1.png) |
| No | Yes | The "Use the store designer" button shows a modal to warn about a theme switch. ![no-yes](./readme/ai2.png) |
| Yes | Yes | The "Use the store designer" button shows a modal to warn about a theme switch. ![yes-yes](./readme/ai3.png) |
## Other
### Network offline
![offline](./readme/offline.png)