The Elo Cloud family
EloERP Cloud
Start Free Trial
The compliance differentiator

FBR, ZATCA, MyInvois & UAE e-invoicing — built into every invoice, not a bolt-on. Issue e-invoices from day one.

Compliance hub
EloShop · Store templates

Ecommerce website templates: 15 store designs built to sell

EloShop gives you 15 ecommerce website templates — one for each kind of shop, from fashion and electronics to grocery, jewellery, pharmacy and wholesale. Each is a complete store with checkout, Urdu and an AI shopping assistant, and you can switch templates without losing a product.

  • Switch anytime, content stays
  • Urdu right-to-left
  • Mobile-first & dark mode
  • Installable app
The 15 templates

15 ecommerce website design templates, one for each trade

Each template is designed around how that trade sells: the header, the product card, the density of the grid and the moment where the AI shopping assistant steps in. Previews below use each template's own palette and type direction.

01 · Manrope / Inter · Compact

Bazaar

For general retail with many categories

Dense product grid, a category rail, deal strips and bold price tags — the layout of a busy marketplace seller.

The search bar is the assistant: type or speak what you need.
02 · Cormorant Garamond / Inter · Airy

Atelier

For fashion and clothing

Large photography, editorial whitespace and lookbook pages, with a centred wordmark and tall fashion cards.

Size advisor and "complete the look" bundles.
03 · Fraunces / Nunito Sans · Airy

Glow

For beauty and skincare

A soft palette, ingredient callouts and routine builders, so a shopper buys a regimen rather than a single bottle.

A skin-type quiz that builds a routine and a cart.
04 · Space Grotesk / IBM Plex Sans · Compact

Circuit

For electronics and mobile phones

Spec tables, comparison bars, trust badges and warranty blocks, under a two-row header with category tabs.

"Compare these three" — a side-by-side generated on demand.
05 · DM Sans / DM Sans · Compact

Pantry

For grocery and daily needs

Fast reorder lists, weight and quantity pickers on every card, and delivery slots chosen at checkout.

"Reorder my usual" and a weekly basket the assistant keeps.
06 · Playfair Display / Source Sans 3 · Airy

Hearth

For furniture and home

Room-based browsing, large lifestyle images and dimension guides on an editorial grid.

See it in your room — an image generated from the product photo.
07 · Cinzel / Lato · Airy · dark by default

Karat

For jewellery

A dark luxury palette, deep zoom, and certificate and weight shown on the product page.

Live gold-rate pricing from EloERP's jewellery module, and try-on.
08 · Literata / Inter · Medium

Verse

For books, stationery and education

A clean reading layout with series and author pages, built for long catalogs of titles.

"Recommend me something like…" and class-list bundles.
09 · Inter / Inter · Compact

Pharma

For pharmacies and medical supplies

Clinical and high-contrast, with a trust bar first, prescription upload and dosage information.

Prescription photo to cart, with a pharmacist approval step.
10 · Archivo / Inter · Medium

Harvest

For agri inputs and tools — seeds, fertiliser, pesticides

An earthy palette, crop-based navigation and season banners, so a farmer shops by crop, not by brand.

A crop-and-acre calculator that recommends quantities.
11 · Barlow Condensed / Barlow · Compact

Motor

For auto parts and accessories

A vehicle picker (make, model, year) comes first, with fitment badges on every part.

Fitment check by chat: "does this fit a 2019 Corolla?"
12 · Baloo 2 / Nunito · Medium

Kiddo

For toys, baby products and kids' wear

Playful colour, age filters and a gift finder up front for the parent, aunt or uncle in a hurry.

Gift finder by age, budget and interest.
13 · Type pair picked at setup · Airy

Single

For one product or a tiny range — launches and hero products

A long-scroll story page with a video hero and a sticky buy button, coloured in the product's own brand with one accent.

Objection-handling chat trained on the product's FAQ.
14 · IBM Plex Sans / IBM Plex Sans · Dense

Wholesale

For B2B and trade buyers

Tiered pricing, quick order by SKU, and account statements read straight from the EloERP ledger.

Quote by chat: paste a list, get a priced quote and a PO.
15 · Oswald / Lato · Compact

Restaurant & Café

For food ordering — works with EloERP's restaurant module

Menu-first with photos, modifiers on each item and a delivery or pick-up toggle in the header.

Order by WhatsApp voice note; the assistant confirms the order back.

Previews are simplified. Store names, prices and banners are sample content; your own logo, products and accent colour replace them.

How templates work

One ecommerce website theme engine, 15 presets — switch without losing content

An EloShop template is not a separate theme with its own code. It is a preset: a set of colours, a type pair, spacing and density, plus a chosen design for each section of the page. All 15 draw on the same section library, the same checkout and the same assistant.

That is why you can move from Bazaar to Atelier on a Tuesday afternoon and keep every product, page, review and order — only the look changes. An improvement made to a section reaches every store on every template at once.

  • Add, remove and reorder sections on any page — hero, promo strip, category rail, collection grid, reviews, trust bar, FAQ.
  • Pick each section's variant — a header with a mega-menu and search, a centred wordmark, a vehicle picker; a dense, card or editorial grid.
  • Edit the copy, images and settings of every section, and preview the draft before you publish.
  • Set your accent colour, a type pair from an approved list, and density — compact, medium or airy.

What you control

  • Sections on every page: which ones, in what order, which variant
  • Copy, images, menus, the announcement bar and the footer
  • Accent colour, type pair and density, within the template's rules
  • About, delivery, returns, privacy, FAQ and blog pages in the same editor
  • Your logo and your own domain

What the editor deliberately does not allow

  • Free CSS or custom HTML that can break the layout on a phone
  • Arbitrary fonts — type pairs come from an approved list, so headings and Urdu text always render well
  • Moving the chat dock or the checkout — both stay fixed, because that is where sales are won or lost

These limits keep a store looking designed, however many hands edit it.

Included in every template

What every ecommerce website template includes

The templates are skins over one page set, so every feature below is in all 15 — you never pick a design and then find the checkout or the Urdu version missing.

Home

Hero, collections, deals, new arrivals and a reviews strip, with the order and content personalised per shopper.

Collection & search

Filters by each product's real attributes, sort by relevance, price or newest, and the assistant's answer on top when the search is a question.

Product page

Gallery with zoom and video, variants and units from EloERP, live stock per branch, delivery estimate by city, size guide, reviews and Q&A.

Cart & checkout

One page, sign-in with a WhatsApp code instead of a password, saved addresses, COD, wallet or card, and courier choice with cost.

Account

Orders with live tracking, returns and exchanges, wishlist, price and restock alerts, and saved WhatsApp conversations.

Content pages

About, delivery, returns, privacy, FAQ and blog — drafted by the Setup agent and edited by you.

The assistant

A chat button on every page, your WhatsApp number in the header and on the order confirmation, and voice on mobile.

The AI shopping assistant →

Your domain, your catalog

Your own domain or a subdomain, and products, prices and stock read live from EloERP.

Product catalogue →
Mobile-first, Urdu and dark mode

An ecommerce website that works on a phone, in Urdu and in English

Every template is designed for the phone first and then widened for tablet and desktop. When a shopper picks Urdu, the whole store flips to right-to-left — menus, cards, checkout — while prices, SKUs and order numbers stay left-to-right so they read correctly.

  • Urdu right-to-left in every section, with Urdu set slightly larger so it stays readable.
  • Dark mode designed as its own colour set for each template, not an inverted page.
  • Installable app — shoppers add the store to their home screen, and the catalog is cached for slow connections.
  • Product titles never clipped — two lines on a card, the full title on the product page, at any name length.
Buyer's guide

How to choose an ecommerce website template for your trade

Start from how your customers decide, not from colours — colours are the easiest thing to change later. Five questions settle most choices.

QuestionIf the answer is…Start with
How big is the catalog?Hundreds of products across many categories — shoppers scan, filter and compare prices.Bazaar or Pantry (compact grids). For a handful of products: Single or Atelier (airy).
Do buyers decide on photos or on specs?Photos and feel — clothing, beauty, furniture, jewellery. Specs and fit — phones, laptops, parts.Photos: Atelier, Glow, Hearth, Karat. Specs: Circuit, Motor.
How do they look for things?By vehicle, by crop, by a child's age, by prescription, by menu.Motor, Harvest, Kiddo, Pharma, Restaurant & Café — each puts that question in the header.
Do they buy the same things again?Weekly groceries, trade restocks by SKU.Pantry ("reorder my usual"), Wholesale (quick order by SKU).
Who is the buyer?Trade customers on account, with tier prices and a statement.Wholesale — prices and statements come from your EloERP ledger.
Does the price change every day?Gold and silver priced on the day's rate.Karat — live gold-rate pricing from the jewellery module.
Not sure? You do not have to decide alone. During setup, the Setup agent reads your catalog, proposes a template with a palette drawn from your logo and shows you three previews to pick from. Later, if your catalog changes, the Growth agent can propose a switch as a draft — you preview it and publish only if you like it.
Designing your ecommerce website

Designing an ecommerce website, step by step

Whether you design an ecommerce website yourself or brief someone, the order of decisions is the same. Here is how it goes in EloShop.

Design the phone screen first

Decide what a shopper sees on a small screen before anything else: the search, the first products, the price and the buy button. In EloShop every template starts there; you check your draft in the phone preview before publishing.

Let the catalog choose the layout

A large range needs a compact grid and strong filters; a small one needs big photos and space. Pick the template whose grid and product card fit your range — the gallery above shows which is which.

Keep the brand to one accent and one type pair

A store looks premium through restraint: your logo, one accent colour, one pair of fonts. In the editor you set the accent and choose a type pair from the approved list; the rest of the palette is already balanced.

Make the product page answer the buying questions

Is it in stock? When will it reach my city? Can I pay on delivery? Can I return it? EloShop's product page reads stock per branch and delivery estimates from EloERP, so these answers are live, not typed by hand.

Write the pages buyers check before paying

About, delivery, returns, privacy and FAQ. Keep them short and specific. Your delivery and return rules also become what the AI assistant tells shoppers, so they need to be right.

Or let EloShop design it with you

The Setup agent imports your products, writes missing titles, descriptions and alt text in English and Urdu, removes photo backgrounds, proposes three designs from your logo and drafts your policy pages from a short WhatsApp interview. You choose, edit and open the store when the go-live checklist is green.

How the AI store builder works
Behind every template

The same back office runs every design

FAQ

Ecommerce website template questions

How many ecommerce website templates does EloShop have?
Fifteen: Bazaar, Atelier, Glow, Circuit, Pantry, Hearth, Karat, Verse, Pharma, Harvest, Motor, Kiddo, Single, Wholesale and Restaurant & Café. Each is designed for one kind of shop and all share the same checkout, assistant and back office.
Are the templates free?
All 15 templates are part of EloShop; you do not buy a template separately. You can try EloShop free for 15 days with no credit card. After the trial, pricing is on request — billed yearly, or monthly on request.
Can I download the templates for WordPress or another platform?
No. They are not theme files to download; they are designs that run inside EloShop, on your EloERP stock, prices and orders. That connection is what lets every template show live stock, delivery estimates and cash on delivery.
Can I change my template later?
Yes, at any time. Switching template changes the look and layout; your products, pages, reviews and orders stay as they are. You preview the new design as a draft and publish when you are happy.
Can I add my own CSS or custom HTML?
No. You can add, remove and reorder sections, choose each section's variant, edit copy and images, and set the accent colour, type pair and density. Free CSS, custom HTML and arbitrary fonts are left out on purpose so the store keeps working on every phone, and the chat dock and checkout stay fixed.
Do the templates work in Urdu?
Yes. Every template supports Urdu with a full right-to-left layout, while prices, SKUs and order numbers stay left-to-right. Shoppers switch language in the header, and the AI assistant answers in Urdu, Roman Urdu or English.
Which template is best for a clothing store?
Atelier is designed for fashion: large photography, tall product cards, lookbook pages, a size advisor and "complete the look" bundles. If you sell many categories besides clothing, Bazaar's compact grid may suit you better.
Can I use my own domain?
Yes. Your store runs on your own verified domain or on a subdomain, whichever template you choose.

Pick a template and open your store

Start with your products in EloERP, Shopify, Daraz or a spreadsheet, preview three designs styled from your logo, and switch whenever you like.

No credit card needed · Pricing on request
Schedule a demo