Design & Appearance

Themes, the live page builder, your media and your CMS pages.

Themes Marketplace

Getting around Design & Appearance: how the design tools fit togetherA short tour of the four tools under Design & Appearance in the side menu: the Theme Store, the Live Page Builder, the Media Library and your store pages.3 min read Choosing and updating your theme (Theme Store)Browse the Theme Store, look at a live demo, apply a theme to your draft without losing your own work, and take the newer version when your theme is updated.3 min read

Live Page Builder

Getting around the Live Page BuilderYour real shop in the middle, the list of sections on the left and the settings of whatever you click on the right. Here is how the three columns work together.3 min read Adding, moving and hiding sectionsReorder your home page by dragging, hide a block for a season, rename it, duplicate it, or take it off the page.3 min read Adding a new section from the galleryThe Add a section gallery shows every block your shop can hold, each with a small diagram, and puts it exactly where you want it.2 min read Editing text and pictures on the pageType straight onto your shop, swap a photo from your Media Library, crop it, and size a block by dragging its edge.3 min read Colours, fonts and cornersSet your shop's colours, choose fonts for English and for Arabic, and decide how round the corners are, all on the live page.2 min read The header, the footer and your menusStyle the top and bottom of every page, then build the two link menus your shop uses: the header menu and the footer menu.3 min read The WhatsApp button on your storefrontTurn on the floating WhatsApp button, choose its corner, colour and icon, and add an order button to your product pages.2 min read Custom CSS for your storefrontIf your plan includes it, add your own styles on top of the theme, up to 10 KB, and watch them apply on the page as you type.2 min read Checking your page on a phone and a tabletSwitch the page between a computer, a tablet and a phone, turn the device on its side, and read your shop in both languages before you publish.2 min read Publishing your changes, and throwing a draft awayReview what differs from your live shop, put it in front of shoppers with one button, and take a draft back if you change your mind.3 min read The Product Card panel: how every product card looksOne panel holds the product card settings for your whole shop: the card shape and three options. Here is what each one is and what your shop shows today.2 min read The announcement bar above your headerPut one line of news above your header on every page of the shop, write it in both languages, colour it, and take it down when its day is over.3 min read Design settings for one sectionChange the spacing, corners, shadow, title size and card image shape of one section, without touching the rest of your store.2 min read Editing the content of each sectionWhat you can change in each type of section, from the Hero Banner slides to the Newsletter form, in the Live Page Builder settings panel.4 min read Restore unsaved changes, and pick pictures from your libraryGet back work the builder kept on this device after a closed tab, and choose or upload pictures with the Media Library window.2 min read

Saved designs

Saving your design and switching between designsKeep a copy of everything on the page under a name, try a different look, and come back to the first one whenever you like.3 min read

Media Library

Your Media Library: folders, uploads and storageEvery picture your shop has uploaded, in folders you name, with a meter showing how much of your storage you have used.3 min read

CMS Pages

Creating and managing your store pagesStore Pages holds the information pages every shop needs: about us, terms, delivery, a list of common questions or a small knowledge base.3 min read Editing a page: content, items and searchInside a page you get the details, the writing, the question and article items when the layout uses them, and the words search engines show.2 min read

Common questions

What do Published and Editing Mode mean on a design?Published marks the design your shoppers see right now. Editing Mode marks the one open on your page. They are often two different cards.1 min read How many designs can I save?Your plan sets the number. The designs panel always shows how many you have saved, and tells you what to do when you are full.1 min read Why is my change not showing on my store?Usually the change is still in your draft. Here is how to check, and what to do if you published and still see the old look.1 min read

Still need help?

Our team answers every ticket, in English and Arabic.

Open a ticket Contact us