Help CenterGetting startedCustomising your store's theme

Customising your store's theme

Read time: 8 min

Change colours, fonts, layout sections, and mobile appearance without any code.

1

Go to Online Store → Themes

Your active theme is shown at the top. Click 'Customise' to open the visual editor. Changes are previewed live on a mock storefront before you publish.

2

Edit colours and typography

In the left panel, open Theme settings → Colours. Set your brand's primary colour, button colour, and background. Under Typography, pick from Google Fonts — including Arabic-optimised fonts like Cairo and Tajawal.

3

Add and reorder sections

Click anywhere on the preview to select a section, or use the left panel to drag sections up and down. Add new sections (hero, banner, product grid, testimonials) with the '+ Add section' button.

4

Preview on mobile and publish

Click the mobile icon in the top toolbar to preview on a phone-sized screen. When you're happy, click 'Save' — changes go live immediately.

💡 Tip

Duplicate your theme before making big changes. This gives you a safe rollback point if something doesn't look right.

Was this guide helpful?

Back to Getting started