Change your whole shop’s header, footer and pages — no code

Theme Builder lists all your templates — what each one replaces and where it’s running.

1. 1
   Add Template Build a new template from scratch.
2. 2
   Design Library Start from a ready design (next section).
3. 3
   Status All, Published, Trash.
4. 4
   Search templates Search by name.
5. 5
   Name and Live The template name — Live means it’s running on the site now.
6. 6
   Action linksEdit, Quick Edit, Save to Design Library (keep it as your own design), Export design (download as a file to import on another site), Publish to cloud, Trash, View.
7. 7
   Replaces What it replaces — e.g. “Header — every page” or “Footer — every page”.
8. 8
   Applies to Where — everywhere, or only certain categories or products.

Pick one and it opens in the editor already filled with your shop name, phone and a product — then change it your way.

1. 1
   What’s inside Headers, footers, product pages, landing pages and sections.
2. 2
   Refresh cloud · Import from file Pull new designs from the cloud, or import an exported file. Next to it are buttons to go to Theme Builder and eFunnel.
3. 3
   Types Landing page (7), Header (16), Footer (15), Product page (3), Shop page, Thank-you page, 404 page, Page, Section, Cloud, My designs.
4. 4
   Search By name.
5. 5
   Shop type General store, Big store & marketplace, Fashion & beauty, Food & grocery, Minimal & clean.
6. 6
   Live preview A small preview with your own logo, menu and products — the real design, not a picture.
7. 7
   Description What’s included, with tags below (sticky, top bar, search…).
8. 8
   Use this design · Preview See it bigger, and take it in one click if you like it.

Click Preview to see it full screen, with your shop’s real details.

1. 1
   Design name Which one you’re looking at.
2. 2
   Desktop · Phone How it looks on a computer and on mobile.
3. 3
   With my header & footer See it together with your current header and footer — especially useful for section or page designs.
4. 4
   Use this design Take it from right here if you like it.
5. 5
   Preview With your logo, menu, phone number and cart.

Most orders in Bangladesh come from mobiles, so check the mobile preview separately.

1. 1
   Phone Switch to mobile view.
2. 2
   Mobile header How the top bar, logo, cart and menu button are arranged on mobile.

Where this template is used sits on the right of the template editor. This is where you decide what the template replaces.

1. 1
   Template · Block Template settings and settings for the selected block.
2. 2
   Status · Publish Work on it as a Draft, then Publish when ready — that’s when it goes live on the site.
3. 3
   Replaces Header, Footer, Product page, Shop / category page, Thank you (order received) or 404 page.
4. 4
   Which blocks to build with A short hint for each — e.g. for the product page, the “Product Details” block or separate gallery, price and add to cart blocks; for the Thank you page, the “Thank You” block so it shows the real order.
5. 5
   Apply to Everywhere, only certain categories, or only certain products.
6. 6
   Categories Which categories — pick a parent category and its sub-categories are included.

The familiar WordPress block editor. Click a block to see all its settings on the right.

1. 1
   Template name Only you see this.
2. 2
   Block toolbar Move, shift up or down, copy or delete.
3. 3
   Header block What shows on the site — top bar, logo, icons, search.
4. 4
   Block Settings for the selected block.
5. 5
   Header block Top bar, logo, menu, search, cart and mobile menu — eighteen layouts.
6. 6
   Header layout Choose from 18 layouts, including Minimal, Market, Depot, Megastore, Grocer and Bazaar.
7. 7
   On scroll Whether it sticks to the top, and whether it shrinks when scrolling.
8. 8
   Header width Follow the site layout, or always full width.
9. 9
   Max content width Separately for desktop, tablet and mobile.

Each part has its own panel, so you only open what you need.

1. 1
   Layout Layout, sticky, width.
2. 2
   Logo The logo and its size.
3. 3
   Menu Which menu and how it looks.
4. 4
   Top bar The thin bar at the top — delivery info, phone, social icons.
5. 5
   Search, cart & extras Search, cart, account and extra buttons.
6. 6
   Mobile menu The menu that slides in from the side on mobile.
7. 7
   Colours & sizing Colors and sizes.
8. 8
   Spacing & background Spacing and background.
9. 9
   Advanced Extra settings.