Written lesson

Store design: templates, pages and menu

Choose a template, adjust its colors and font, arrange the menu pages, then publish the design when it is ready.

Where to find it: Store design (تخصيص المتجر) · Pages (الصفحات)

Steps

Choose a template
When you create your store you choose one of three templates: Atlas, Souk and Minimal. You can change it later under Store design → Templates. Applying a template changes colors, font, corner radius, buttons and home sections in the draft only, asks you to confirm first, and keeps your logo, text, products, pages and custom menu.
Colors, font and corners
Under Colors, font and buttons, pick each color from its swatch or type its HEX code (such as #163D36), choose a font from cards that preview it in Arabic and Latin, and set button and card corner radius in pixels from 0 to 32.
Pages
In Pages, add a new page or edit its title and content, and show or hide it with the status switch in the list. A template creates Delivery and payment, About and Exchanges and returns pages with generic text for you to adapt; it never replaces an existing page.
Header menu
Under Header and navigation, select Customize menu, then add a page or link, rename items, reorder them with the arrows and hide what you don't want without deleting it. The order here is the order of the store menu, up to 8 items.
Preview and publish
Every change shows in the preview next to the editor and stays invisible to customers. When the design is ready, select Publish design to put it live.

Steps

Choose a template

When you create your store you choose one of three templates: Atlas, Souk and Minimal. You can change it later under Store design → Templates. Applying a template changes colors, font, corner radius, buttons and home sections in the draft only, asks you to confirm first, and keeps your logo, text, products, pages and custom menu.

Colors, font and corners

Under Colors, font and buttons, pick each color from its swatch or type its HEX code (such as #163D36), choose a font from cards that preview it in Arabic and Latin, and set button and card corner radius in pixels from 0 to 32.

Pages

In Pages, add a new page or edit its title and content, and show or hide it with the status switch in the list. A template creates Delivery and payment, About and Exchanges and returns pages with generic text for you to adapt; it never replaces an existing page.

Header menu

Under Header and navigation, select Customize menu, then add a page or link, rename items, reorder them with the arrows and hide what you don't want without deleting it. The order here is the order of the store menu, up to 8 items.

Preview and publish

Every change shows in the preview next to the editor and stays invisible to customers. When the design is ready, select Publish design to put it live.