{"id":309,"date":"2026-08-28T10:20:33","date_gmt":"2026-08-28T10:20:33","guid":{"rendered":"https:\/\/www.epos.com\/my\/merchant-academy\/academy\/store-setup\/"},"modified":"2026-09-01T19:54:40","modified_gmt":"2026-09-01T19:54:40","slug":"store-setup","status":"publish","type":"academy_article","link":"https:\/\/www.epos.com\/my\/merchant-academy\/academy\/store-setup\/","title":{"rendered":"Build your online store"},"content":{"rendered":"\n<p>Choose a theme, let the AI assistant make your logo and banner, set how the menu looks on a phone, then publish. You end up with a public link customers order from.<\/p>\n\n\n<div class=\"aa-step-tags wp-block-epos-academy-step-tags\">\n\t\t\t<span class=\"aa-step-tags__tag\">\n\t\t\t6 steps\t\t<\/span>\n\t\t\t<span class=\"aa-step-tags__tag\">\n\t\t\tAbout 12 minutes\t\t<\/span>\n\t\t\t<span class=\"aa-step-tags__tag\">\n\t\t\tTablet and phone\t\t<\/span>\n\t\t\t<span class=\"aa-step-tags__tag aa-step-tags__tag--muted\">\n\t\t\tUpdated 18 Aug 2026\t\t<\/span>\n\t<\/div>\n\n\n<div class=\"aa-step-images aa-image-showcase aa-image-showcase--float wp-block-epos-academy-image-showcase\">\n\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/09\/ss-7c11.jpg\" alt=\"One screen runs the storefront. Logo, name, banner and layout all live under Customize Theme.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\"><strong>One screen runs the storefront.<\/strong> Logo, name, banner and layout all live under Customize Theme.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\n\n<section class=\"aa-audience wp-block-epos-academy-audience-cards\">\n\n\t\n\t<h2 class=\"aa-audience__heading\">WHO THIS IS FOR<\/h2>\n\n\t<div class=\"aa-audience__cards\">\n\t\t\n<div class=\"aa-audience__card wp-block-epos-academy-audience-card\">\n\t<div class=\"aa-audience__card-body\">\n\t\t\t\t\t<h3 class=\"aa-audience__card-title\">Owners taking orders online<\/h3>\n\t\t\t\t\t\t\t<ul class=\"aa-audience__card-desc\"><li>for the first time, without a designer or a website.<\/li><\/ul>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-audience__card wp-block-epos-academy-audience-card\">\n\t<div class=\"aa-audience__card-body\">\n\t\t\t\t\t<h3 class=\"aa-audience__card-title\">Anyone refreshing the look<\/h3>\n\t\t\t\t\t\t\t<ul class=\"aa-audience__card-desc\"><li>of a store that is already live. Publishing overwrites the old theme.<\/li><\/ul>\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n<\/section>\n\n\n<section class=\"aa-checklist wp-block-epos-academy-prereq-checklist\">\n\n\t\n\t<h2 class=\"aa-checklist__heading\">BEFORE YOU BEGIN<\/h2>\n\n\t<div class=\"aa-checklist__box\">\n\t\t\n<div class=\"aa-checklist__item wp-block-epos-academy-prereq-item\">\n\t<span class=\"aa-checklist__check\" aria-hidden=\"true\">\n\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t<polyline points=\"20 6 9 17 4 12\" \/>\n\t\t\t<\/svg>\n\t\t\t<\/span>\n\t<p class=\"aa-checklist__item-text\"><strong>Your menu should be in first.<\/strong> The storefront shows whatever items and categories you already have.<\/p>\n<\/div>\n\n\n<div class=\"aa-checklist__item wp-block-epos-academy-prereq-item\">\n\t<span class=\"aa-checklist__check\" aria-hidden=\"true\">\n\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t<polyline points=\"20 6 9 17 4 12\" \/>\n\t\t\t<\/svg>\n\t\t\t<\/span>\n\t<p class=\"aa-checklist__item-text\"><strong>No design software needed.<\/strong> The AI Business Assistant makes the logo and banner from your registered business details.<\/p>\n<\/div>\n\n\n<div class=\"aa-checklist__item wp-block-epos-academy-prereq-item\">\n\t<span class=\"aa-checklist__check\" aria-hidden=\"true\">\n\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t<polyline points=\"20 6 9 17 4 12\" \/>\n\t\t\t<\/svg>\n\t\t\t<\/span>\n\t<p class=\"aa-checklist__item-text\"><strong>Save Draft is not live.<\/strong> Nothing reaches customers until you tap Publish and confirm Publish Now.<\/p>\n<\/div>\n\n\t<\/div>\n\n\t\n<\/section>\n\n\n<div class=\"aa-steps wp-block-epos-academy-steps-section\">\n\t<div class=\"aa-steps__head\">\n\t\t\t\t\t<h2 class=\"aa-steps__heading\">THE STEPS<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"aa-steps__tabs\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"aa-steps__tab is-active\"\n\t\t\t\t\t\tdata-tab-target=\"tab-tablet\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\taria-selected=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span>Tablet<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"aa-steps__tab\"\n\t\t\t\t\t\tdata-tab-target=\"tab-phone\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span>Phone<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t<div class=\"aa-steps__panels\">\n\t\t\t\t\t\n<div class=\"aa-steps__panel wp-block-epos-academy-steps-tab\" data-tab-id=\"tab-tablet\">\n\t\n<div class=\"aa-step aa-step--split wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 1: Open Online Store settings<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">From the home dashboard, tap the <strong>More<\/strong> tab, then <strong>Online Store<\/strong>. The control panel shows your store link and a Share button.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/3c48b583-bed9-4bea-be53-1bab72ef679c.jpg\" alt=\"More, then Online Store.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">More, then Online Store.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 2: Choose a theme<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">On the Online Store control panel, tap <strong>Advanced Customization<\/strong>, then the blue <code>Choose Other Theme<\/code> button to browse. Pick a colour to see a live preview, tap <code>Use This Theme<\/code>, then <code>Save Changes<\/code> at the top right.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/62bda423-8b7a-4d85-96b1-5dc5277f6731.jpg\" alt=\"Where the theme picker lives.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Where the theme picker lives.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/33c51af3-299f-4225-ac34-36e3a021b7cb.jpg\" alt=\"Pick a colour, then Use This Theme.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Pick a colour, then Use This Theme.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 3: Add your logo<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Tap <code>Upload Logo<\/code>. In the Upload Image drawer, choose <code>Generate with AI<\/code> if you do not have a file ready. The assistant uses your registered business name; when it finishes, scroll down in the chat and tap <code>Use this<\/code>, or <code>Regenerate<\/code> for another.<\/p>\n<div class=\"aa-step-note wp-block-epos-academy-step-note\" style=\"background:#F7F8FE;border-color:#DDE1F8;\">\n\t\t\t<span class=\"aa-step-note__icon\" style=\"color:#071578;\" aria-hidden=\"true\">i<\/span>\n\t\t<p class=\"aa-step-note__text\" style=\"color:#414651;\">Uploading your own file instead? JPEG or PNG, up to <strong>120 KB<\/strong> for the logo.<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/cf810844-a175-49ec-8f95-85e551d8d9cd.jpg\" alt=\"Generate with AI.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Generate with AI.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/4b60378b-1a5c-458a-a4aa-5b031ee83631.jpg\" alt=\"Tap Use this to keep it.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Tap Use this to keep it.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 4: Set the menu layout<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Open <strong>Advanced Customization<\/strong> and set three things under Layout, then tap <code>Save Changes<\/code>. A green <strong>Changes saved<\/strong> toast confirms it.<\/p>\n<div class=\"aa-step-table wp-block-epos-academy-step-table\">\n\t\t\t<div class=\"aa-step-table__row\">\n\t\t\t\t\t\t\t<span class=\"aa-step-table__label\">Item Display<\/span>\n\t\t\t\t\t\t\t<span class=\"aa-step-table__value\"><strong>Grid View<\/strong> for menus with photos, <strong>List View<\/strong> when items have no images.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-table__row\">\n\t\t\t\t\t\t\t<span class=\"aa-step-table__label\">Category Bar Display<\/span>\n\t\t\t\t\t\t\t<span class=\"aa-step-table__value\">Keep it <strong>Horizontal<\/strong> for browsers and phones.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-table__row\">\n\t\t\t\t\t\t\t<span class=\"aa-step-table__label\">Item Image Ratio<\/span>\n\t\t\t\t\t\t\t<span class=\"aa-step-table__value\"><strong>1:1<\/strong> gives square cards that line up neatly; 4:3 is the alternative.<\/span>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/edda3de1-50fe-4c4a-bbb0-a0ed16f60308.jpg\" alt=\"Open Advanced Customization.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Open Advanced Customization.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/7be194c5-6d1c-4107-ab26-dca048513ab8.jpg\" alt=\"Item Display, Category Bar, Image Ratio.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Item Display, Category Bar, Image Ratio.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 5: Add a homepage banner<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Back on Customize Theme, find <strong>Homepage Banner (Optional)<\/strong> and tap <code>Change Image<\/code>. Choose <code>Generate with AI<\/code> and the assistant builds a promotional image around what you sell. Tap <code>Use this<\/code>, frame it on the Crop Photo screen, then <code>Done<\/code>. Banners can be up to 2 MB if you upload your own.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/09b02faf-ff4e-4894-ae49-22d0236cc80d.jpg\" alt=\"A banner built from your menu.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">A banner built from your menu.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/9d2081d8-b469-4117-90ad-584ecfc02aaa.jpg\" alt=\"In place, with Change Image to swap it.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">In place, with Change Image to swap it.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step aa-step--split wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 6: Publish your store<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Check the layout, then tap the blue <code>Publish<\/code> button at the top right. When <strong>Publish changes?<\/strong> appears, tap <code>Publish Now<\/code> and everything goes out to all sales channels at once. You land on your live store link, ready for dine-in and pick-up orders.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/72065770-2b2a-4e9d-8fb2-6cc592625975.jpg\" alt=\"Publish Now pushes to every channel.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Publish Now pushes to every channel.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"aa-steps__panel wp-block-epos-academy-steps-tab\" data-tab-id=\"tab-phone\">\n\t\n<div class=\"aa-step aa-step--split wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 1: Open Online Store settings<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">From the home dashboard, tap the <strong>More<\/strong> tab, then <strong>Online Store<\/strong>. The control panel shows your store link and a Share button.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/8842cf8c-5754-4f5a-87ce-faa90d19f249.jpg\" alt=\"More, then Online Store.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">More, then Online Store.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step aa-step--split wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 2: Choose a theme<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Tap <code>Customize Theme<\/code>. At the bottom of the page you get an <strong>Available Themes<\/strong> row of colour wheels \u2014 tap one and the preview above updates. When you like it, tap the blue <code>Use This Theme<\/code> button.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/d6b8e644-c2c2-4932-b3f5-3b708e0bf84f.jpg\" alt=\"The Available Themes row sits at the bottom.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">The Available Themes row sits at the bottom.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 3: Add your logo<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Tap <code>Upload Logo<\/code>. In the Upload Image drawer, choose <code>Generate with AI<\/code> if you do not have a file ready. The assistant uses your registered business name; when it finishes, scroll down in the chat and tap <code>Use this<\/code>, or <code>Regenerate<\/code> for another.<\/p>\n<div class=\"aa-step-note wp-block-epos-academy-step-note\" style=\"background:#F7F8FE;border-color:#DDE1F8;\">\n\t\t\t<span class=\"aa-step-note__icon\" style=\"color:#071578;\" aria-hidden=\"true\">i<\/span>\n\t\t<p class=\"aa-step-note__text\" style=\"color:#414651;\">Uploading your own file instead? JPEG or PNG, up to <strong>120 KB<\/strong> for the logo.<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/bef8cb64-bd84-41f7-ada8-f706e13902d9.jpg\" alt=\"Generate with AI.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Generate with AI.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/5e6fe5b1-5d4b-4e23-890f-71d75b37e530.jpg\" alt=\"Tap Use this to keep it.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Tap Use this to keep it.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 4: Set the menu layout<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Open <strong>Advanced Customization<\/strong> and set three things under Layout, then tap <code>Save Changes<\/code>. A green <strong>Changes saved<\/strong> toast confirms it.<\/p>\n<div class=\"aa-step-table wp-block-epos-academy-step-table\">\n\t\t\t<div class=\"aa-step-table__row\">\n\t\t\t\t\t\t\t<span class=\"aa-step-table__label\">Item Display<\/span>\n\t\t\t\t\t\t\t<span class=\"aa-step-table__value\"><strong>Grid View<\/strong> for menus with photos, <strong>List View<\/strong> when items have no images.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-table__row\">\n\t\t\t\t\t\t\t<span class=\"aa-step-table__label\">Category Bar Display<\/span>\n\t\t\t\t\t\t\t<span class=\"aa-step-table__value\">Keep it <strong>Horizontal<\/strong> for browsers and phones.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-table__row\">\n\t\t\t\t\t\t\t<span class=\"aa-step-table__label\">Item Image Ratio<\/span>\n\t\t\t\t\t\t\t<span class=\"aa-step-table__value\"><strong>1:1<\/strong> gives square cards that line up neatly; 4:3 is the alternative.<\/span>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/c5a6f8be-a609-4022-a756-bcebc49c4c4a.jpg\" alt=\"Open Advanced Customization.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Open Advanced Customization.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/7712f24c-5d2b-464d-8fec-22e09cd3c8a5.jpg\" alt=\"Item Display, Category Bar, Image Ratio.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Item Display, Category Bar, Image Ratio.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 5: Add a homepage banner<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Back on Customize Theme, find <strong>Homepage Banner (Optional)<\/strong> and tap <code>Change Image<\/code>. Choose <code>Generate with AI<\/code> and the assistant builds a promotional image around what you sell. Tap <code>Use this<\/code>, frame it on the Crop Photo screen, then <code>Done<\/code>. Banners can be up to 2 MB if you upload your own.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/4ce4d580-fa55-438b-85cc-8482dede976a.jpg\" alt=\"A banner built from your menu.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">A banner built from your menu.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/bd7949c3-5e04-402a-b2af-6ad716a4ab22.jpg\" alt=\"In place, with Change Image to swap it.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">In place, with Change Image to swap it.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-step wp-block-epos-academy-setup-step\">\n\t<div class=\"aa-step__grid\">\n\t\t\t\t\t<div class=\"aa-step__main\">\n\t\t\t\t<div class=\"aa-step__col\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"aa-step__title\">Step 6: Publish your store<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"aa-step-text wp-block-epos-academy-step-text\">Check the layout, then tap the large blue <code>Publish<\/code> button at the bottom of the screen. When <strong>Publish changes?<\/strong> appears, tap <code>Publish Now<\/code> and everything goes out to all sales channels at once. You land on your live store link, ready for dine-in and pick-up orders.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"aa-step-images wp-block-epos-academy-step-images\">\n\t\t\t<div class=\"aa-step-images__row\">\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/3a28c945-4bb9-4382-9654-4211fbfecb6d.jpg\" alt=\"Publish sits at the bottom.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Publish sits at the bottom.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t\t<figure class=\"aa-step-figure\">\n\t\t\t<div class=\"aa-step-figure__media\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.epos.com\/my\/merchant-academy\/wp-content\/uploads\/2026\/08\/e4b19959-68d2-429e-bce1-b82062759167.jpg\" alt=\"Publish Now pushes to every channel.\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption class=\"aa-step-figure__cap\">Publish Now pushes to every channel.<\/figcaption>\n\t\t\t\t\t<\/figure>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n<\/div>\n\n<\/div>\n\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"aa-videos wp-block-epos-academy-videos-section\" id=\"watch\">\n\t\t\t<h2 class=\"aa-videos__heading\">WATCH IT INSTEAD<\/h2>\n\t\n\t<div class=\"aa-videos__grid\">\n\t\t\n<div class=\"aa-videos__card wp-block-epos-academy-video-card\" data-video-url=\"\" role=\"button\" tabindex=\"0\" aria-label=\"Tablet walkthrough\">\n\t\t\t\t<span class=\"aa-videos__duration\">6:30<\/span>\n\t\t<span class=\"aa-videos__play\" aria-hidden=\"true\">\n\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\" \/><\/svg>\n\t<\/span>\n\t<p class=\"aa-videos__title\">Tablet walkthrough<\/p>\n<\/div>\n\n\n<div class=\"aa-videos__card wp-block-epos-academy-video-card\" data-video-url=\"\" role=\"button\" tabindex=\"0\" aria-label=\"Phone walkthrough\">\n\t\t\t\t<span class=\"aa-videos__duration\">6:05<\/span>\n\t\t<span class=\"aa-videos__play\" aria-hidden=\"true\">\n\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\" \/><\/svg>\n\t<\/span>\n\t<p class=\"aa-videos__title\">Phone walkthrough<\/p>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n<div class=\"aa-feedback wp-block-epos-academy-feedback-bar\" id=\"support\">\n\t<p class=\"aa-feedback__q\">Is your store live?<\/p>\n\t\t\t<div class=\"aa-feedback__btns\">\n\t\t<button type=\"button\" class=\"aa-feedback__btn\" data-aa-fb=\"yes\">Yes<\/button>\n\t\t<button type=\"button\" class=\"aa-feedback__btn\" data-aa-fb=\"no\">Not yet<\/button>\n\t<\/div>\n\t<span class=\"aa-feedback__thanks\" hidden>Thanks, noted.<\/span>\n\t\t<span class=\"aa-feedback__help\">\n\t\tNeed help?\t\t<a href=\"#support\">Contact support<\/a>\n\t<\/span>\n<\/div>\n\n\n<div class=\"aa-next-steps wp-block-epos-academy-next-steps\" id=\"aa-next-steps-3\">\n\t<h2 class=\"aa-next-steps__heading\">WHERE TO GO NEXT<\/h2>\n\t<div class=\"aa-next-steps__cards\">\n\t\t\n<div class=\"aa-next-steps__card wp-block-epos-academy-next-step-card\">\n\t\t\t\t<span class=\"aa-next-steps__eyebrow\">NEXT<\/span>\n\t\t<p class=\"aa-next-steps__title\">Ads &amp; campaigns<\/p>\n\t\t\t<a href=\"https:\/\/www.epos.com\/my\/merchant-academy\/academy\/store-ads\/\" class=\"aa-next-steps__link\">Read the guide \u2192<\/a>\n<\/div>\n\n\n<div class=\"aa-next-steps__card wp-block-epos-academy-next-step-card\">\n\t\t\t\t<span class=\"aa-next-steps__eyebrow\">NEXT<\/span>\n\t\t<p class=\"aa-next-steps__title\">Delivery integration<\/p>\n\t\t\t<a href=\"https:\/\/www.epos.com\/my\/merchant-academy\/academy\/delivery\/\" class=\"aa-next-steps__link\">Read the guide \u2192<\/a>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n<div class=\"aa-troubleshoot wp-block-epos-academy-troubleshoot-list\" id=\"aa-troubleshoot-4\">\n\t<h2 class=\"aa-troubleshoot__heading\">IF IT LOOKS WRONG<\/h2>\n\t<div class=\"aa-troubleshoot__cards\">\n\t\t\n<div class=\"aa-troubleshoot__card wp-block-epos-academy-troubleshoot-card\">\n\t<button type=\"button\" class=\"aa-troubleshoot__title\" aria-expanded=\"true\">\n\t\t<span>Customers still see the old look<\/span>\n\t<\/button>\n\t\t\t<div class=\"aa-troubleshoot__body\">\n\t\t\t<p class=\"aa-troubleshoot__desc\">Changes sit in draft until you publish. Tap Publish, then Publish Now on the confirmation.<\/p>\n\t\t<\/div>\n\t<\/div>\n\n\n<div class=\"aa-troubleshoot__card wp-block-epos-academy-troubleshoot-card\">\n\t<button type=\"button\" class=\"aa-troubleshoot__title\" aria-expanded=\"true\">\n\t\t<span>Item photos look cropped<\/span>\n\t<\/button>\n\t\t\t<div class=\"aa-troubleshoot__body\">\n\t\t\t<p class=\"aa-troubleshoot__desc\">Switch Item Image Ratio between 1:1 and 4:3 to match how your photos were shot.<\/p>\n\t\t<\/div>\n\t<\/div>\n\n\n<div class=\"aa-troubleshoot__card wp-block-epos-academy-troubleshoot-card\">\n\t<button type=\"button\" class=\"aa-troubleshoot__title\" aria-expanded=\"true\">\n\t\t<span>The logo will not upload<\/span>\n\t<\/button>\n\t\t\t<div class=\"aa-troubleshoot__body\">\n\t\t\t<p class=\"aa-troubleshoot__desc\">Logos are limited to 120 KB, JPEG or PNG. Shrink the file, or generate one with the AI assistant instead.<\/p>\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n<\/div>\n","protected":false},"featured_media":0,"template":"","meta":{"_aa_toc":[{"id":"who-this-is-for","label":"Who this is for"},{"id":"before-you-begin","label":"Before you begin"},{"id":"the-steps","label":"The steps"},{"id":"watch-it-instead","label":"Watch it instead"},{"id":"if-it-looks-wrong","label":"If it looks wrong"}],"footnotes":""},"class_list":["post-309","academy_article","type-academy_article","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.epos.com\/my\/merchant-academy\/wp-json\/wp\/v2\/academy_article\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.epos.com\/my\/merchant-academy\/wp-json\/wp\/v2\/academy_article"}],"about":[{"href":"https:\/\/www.epos.com\/my\/merchant-academy\/wp-json\/wp\/v2\/types\/academy_article"}],"version-history":[{"count":0,"href":"https:\/\/www.epos.com\/my\/merchant-academy\/wp-json\/wp\/v2\/academy_article\/309\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.epos.com\/my\/merchant-academy\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}