Customizing your storefront
You control your storefront’s look entirely from “Online Store” in the dashboard: pick a ready-made theme, add your identity and colors, edit your page content — all with a live preview before you save.
On this page
1.The Storefront Studio
- Open “Online Store” from the dashboard sidebar.
- You get a setup side and a live preview of your store.
- Edit what you like and watch the preview update instantly; press save when you are happy.
2.Themes
Start from the “Theme” tab: complete ready-made designs, each with its own character in hero weight, tile shapes and page rhythm. Pick the one that suits your trade, then control which homepage sections show and which hide.
3.Identity and colors
- Upload your store logo.
- Choose the light-mode and dark-mode colors.
- If two colors sit together with weak contrast, the Studio warns you before saving.
4.Content: your page sections
- Hero: badge, main title, subtitle and image.
- Categories: a strip showcasing your real store categories.
- Featured products: a strip of products you pick yourself.
- Feature cards: what makes your store different.
- Brand story: a teaser of your story with the about-page link.
- Visit us: your location map, address and opening hours.
Every text is bilingual: you write the Arabic and the English, and the store shows whichever suits the visitor. The copy and images you write here are the same ones that appear on the about page and in share previews.
5.Preview and save
The live preview shows your store’s pages with the new theme before you save anything — home, menu and product pages. Press save and the design publishes to your store immediately.
6.Every store has its own look
The appearance is saved per store — if you run more than one store, restyling one never touches the other. And if you want to change the store’s own data, like the name, address or contact numbers, that lives in “Store Settings”, not the Studio.