Saving & Publishing

Once you are happy with your hero section design, it's time to save and publish it to your live store.

Previewing

Before saving, it's a good idea to preview your design to see how it looks in a full browser window without the builder interface.

1. Click the Preview button (eye icon) in the top toolbar.
2. A new browser tab will open displaying your hero section exactly as it will appear on your site.
3. Resize your browser window to test responsiveness manually if desired.

Saving Your Design

Saving your design automatically updates the live hero section on your store's homepage.

1. Click the Save button (floppy disk icon) in the top right corner.
2. A loading indicator will appear.
3. Once saved, a success notification "Design saved successfully!" will appear.

Note: Changes are applied immediately to your live site.

Undo / Redo

If you make a mistake while editing:

• Click the Undo button (left arrow icon) in the toolbar.
• Click the Redo button (right arrow icon) to re-apply a change.
• Keyboard Shortcuts: Ctrl+Z (Undo) and Ctrl+Y (Redo).

Troubleshooting

• Changes not showing? Try clearing your browser cache or checking if you saved the design successfully.
• Layout looks broken on mobile? Switch to Mobile view in the builder and adjust the padding, font sizes, or layout settings specifically for the mobile breakpoint.