The tile-board theme for OpenCart 4: the home page is a board of tiles you size, colour and order in the theme settings without code. Thirteen tile types (hero scenes, a product spotlight with a real countdown, stat tiles, count tiles with the live number of products per department, product cards, a deal band, offer cards, category pictures, help desk, brands, journal, about, newsletter), sizes from a quarter to a full row, one or two rows tall, seven tile colours. Three ready boards (Canvas, Mosaic, Index) plus your own, eight colour schemes (six light, two dark) plus your own colours, Parkinsans and Host Grotesk type, mega menu, live search, quick view, AJAX filters, sticky add-to-cart and a one-click Tessera demo store. Events only, no core changes, no OCMOD.
Tested on 4.1.0.4Version 1.0.0Compatible with OpenCart 4.1.0.0 – 4.1.0.4 No core file edits
Canvas, Gesso scheme: hero tile, product spotlight with a countdown, four stat tiles, on desktop and phone1 of 10
What it does
The tile-board theme for OpenCart 4: the home page is a board of tiles you size, colour and order in the theme settings without code. Thirteen tile types (hero scenes, a product spotlight with a real countdown, stat tiles, count tiles with the live number of products per department, product cards, a deal band, offer cards, category pictures, help desk, brands, journal, about, newsletter), sizes from a quarter to a full row, one or two rows tall, seven tile colours. Three ready boards (Canvas, Mosaic, Index) plus your own, eight colour schemes (six light, two dark) plus your own colours, Parkinsans and Host Grotesk type, mega menu, live search, quick view, AJAX filters, sticky add-to-cart and a one-click Tessera demo store. Events only, no core changes, no OCMOD.
Canvas answers the usual problem of big themes (hundreds of settings) with one mechanism: the home page is a board of tiles, and one list in the settings decides which tiles it has, how big they are, their colour and their order.
Features
Tile board: a 12-column board (6 on tablets, one tile per row on phones). Sizes S (1/4), M (1/3), L (1/2), XL (2/3) and Wide, one or two rows tall, in paper, sand, mist, sage, ink, accent or clear. Tiles fill gaps by themselves.
13 tile types: hero scenes, product spotlight, stat tile, count tiles, product cards, deal band, offer cards, category pictures, help desk, brands, journal, about and newsletter. A tile without content is left out.
Count tiles: every department with its live number of products, product thumbnails and a link, counted from your catalogue.
Product spotlight: one product at a time with a big packshot, price, a countdown to the real end of its special and Add to cart; visitors step through with the arrows, it never moves by itself.
Product cards: bestsellers, newest, most viewed, on special or ending soonest, or your own ids; the board avoids showing a product twice.
3 ready boards + My board: Canvas (mixed tiles, numbered titles), Mosaic (image-led) and Index (text-first, no hero); one click copies a ready board into My board to start from.
8 colour schemes: Gesso, Matcha, Fresco, Gouache, Marina and Sherbet (light) and Blackboard and Charcoal (dark), plus four colours of your own; the tile colours and every text colour follow and are corrected to 4.5:1 or better.
Shopping: mega menu with a featured product, live search, quick view, compare, wish list, AJAX filters and sorting with Show more, grid and list views, deal countdowns from real end dates, quantity prices, delivery dates, sticky add-to-cart bar, structured data.
One-click demo store: Tessera, 40 illustrated technology products; it arrives on a fresh store and leaves with one click (your own edits stay).
OpenCart 4.1.0.0 to 4.1.x. Events only: no core changes, no OCMOD. Self-hosted Parkinsans and Host Grotesk fonts, no CDNs, no slider libraries.
Canvas next to our other OpenCart themes
Every Kavio Labs theme has its own character. This table shows where Canvas differs, so you can pick the one that fits your store.
Canvas compared with our other OpenCart themes
Canvas
Kudos
Duo
Noir
Vertex
Atlas
Price (one-time)
$69
$69
$69
$69
$149
$129 (OpenCart 4 and 3)
Signature
Tile board: you size, colour and order every home tile in the settings
Reviews are the design: best review on every card, review wall, proof bar
Split screen: a fixed context panel on the left half
Dark-first: products on a lit stage, glass pill header
The theme you configure: headers, homes and product pages in the settings
White plate cards inside tinted tiles, rating, price, stock pill
White card with the best review in a speech bubble
Hairline cards, colour dots
White plate in a graphite frame
Configurable cards
Department-coloured labels
OpenCart versions
4.1.0.0 – 4.1.x
4.1.0.0 – 4.1.x
4.1.0.0 – 4.1.x
4.1.0.0 – 4.1.x
4.x + 3.0.x
4.0.2.0 – 4.1.x + 3.0.3 – 3.0.5
Demo store
Tessera (technology, 40 products)
Starling (technology, 205 reviews)
Twofold (technology)
Obsidian (technology)
Circuit Hall
Department-store demo
What you get
Download & installOne installer package (.ocmod.zip) for OpenCart 4.1.0.0 – 4.1.x. There is no OpenCart 3 edition. Download it from My licenses right after payment.
12 months of updates & supportNew versions and help for 12 months (24 or 36 months at checkout). After that the theme keeps working; renew anytime at 50%.
License for your storeOne production domain with all its subdomains; staging and local development hosts are free. How licensing works
30-day refundFull refund within 30 days of your first purchase, no reason needed. Refund policy
Tested buildsOpenCart 4.1.0.0 – 4.1.0.4. Tested on OpenCart 4.1.0.4.
Documentation & supportFull guide (Installation, Configuration, FAQ) on this page. Tickets from your account, same-day reply on weekdays (Mon-Fri 09:00-18:00 UTC+3).
Compatibility
Canvas: Tile-Board Theme works with OpenCart 4.1.0.0 – 4.1.0.4.
We list the builds we install and test on. “Tested” means the test plan ran on that build; “Supported” means the build is inside the supported range.
Compatibility
Version
Range
Runs on
Status
OpenCart 4.1.0.x
4.1.0.0 – 4.1.0.4
PHP 8.1 – 8.3
Tested on 4.1.0.4
1.0.0
Latest
First release: the OpenCart edition of the Kavio Labs Canvas theme for OpenCart 4.1.0.0 to 4.1.x.
The tile board: the home page is a 12-column board of tiles (6 columns on tablets, one tile per row on phones). Every tile has a size (S, M, L, XL, full row; one or two rows tall), a colour (paper, sand, mist, sage, ink, accent, clear) and an optional title, set in the theme settings without code.
Tiles: hero scenes, product spotlight (price, countdown, add to cart; steps by hand), stat tiles, count tiles with the live number of products per department, product cards from any source or your own ids, deal band with a countdown to the real end of a special, offer cards, category pictures, help desk, brands, journal, about and newsletter. A tile without content is left out.
Three ready boards (Canvas, Mosaic, Index) as home layouts, plus My board with one-click copies of the ready boards.
Eight colour schemes (six light, two dark) plus a colour editor; every text pair reaches 4.5:1 on the page, the cards and every tile colour. Parkinsans and Host Grotesk type.
Mega menu, live search, quick view, compare, wish list, AJAX filters with Show more, quantity prices, deal countdowns, sticky add-to-cart bar, structured data.
One-click Tessera technology demo store with 40 products.
Settings, licence key and the active theme survive an OpenCart 4.1 update (uninstall + install).
How do I install the theme?
Download the package from My licenses and install it in Extensions > Installer, then Extensions > Themes, like any other OpenCart theme. The Documentation tab has every step, from the first activation to the theme settings.
Which OpenCart versions does it work with?
OpenCart 4.1.0.0 – 4.1.0.4. Tested on OpenCart 4.1.0.4. The Compatibility tab lists every version range.
What does the license cover?
One production store domain with every subdomain (www, shop., staging.), plus local development hosts such as localhost, *.local and *.test. A store on another domain needs its own license; a second-store license is 40% off. You have 14 days after installing to enter the key. 12 months of updates and support are included; after that the theme keeps working and renewals are 50% off. How licensing works
Can I get a refund?
Yes. Ask for a full refund within 30 days of your first purchase, no reason needed: open a ticket or write to [email protected] with your order number. The money goes back to the card or bank account you paid with within 5 business days of approval. Refund policy
How do I get help?
Open a ticket from your account, so your license details are attached. We answer with a same-day reply on weekdays (Mon-Fri 09:00-18:00 UTC+3). Support policy. Not a customer yet? Ask a pre-sales question.
Canvas is a flagship theme of Kavio Labs for OpenCart 4.1.0.0 to 4.1.x, the OpenCart edition of the Canvas theme for CS-Cart. Its idea is design your home page without code: the home page is a board of tiles, and you decide which tiles it has, how big each one is, its colour and its order, all in the theme settings. No module positions, no layout editing, no HTML.
It is one universal design for every sector: technology, fashion, beauty, home, food, gifts or a single-brand store. The demo is a technology store, Tessera.
Canvas home page, Gesso scheme
What you get
The tile board: a 12-column board of rounded tiles on a warm studio ground (6 columns on tablets, one tile per row on phones, stat tiles two across). Every tile has a size (S = a quarter of the row, M = a third, L = half, XL = two thirds, Wide = the full row), a height (one or two rows), a colour (paper, sand, mist, sage, ink, accent or clear) and an optional title. Tiles flow left to right and fill gaps by themselves.
Thirteen tile types: hero scenes, product spotlight, stat tile, count tiles, product cards, deal band, offer cards, category pictures, help desk, brands, journal, about the store and a newsletter card. A tile without content (for example no products on special) is left out, so the board never shows an empty tile.
Count tiles: your departments with the live number of products in each (subcategories included), three product thumbnails and a link. The numbers are counted from your catalogue, never typed by hand.
Product spotlight: one product at a time with a big packshot, price, a countdown to the real end of its special and Add to cart (or Choose options). Visitors step through with the arrows; it never moves by itself.
Product cards: bestsellers, newest, most viewed, on special or specials ending soonest, or your own product ids. A tile shows as many cards as its size holds (1 to 6), and the board avoids showing a product twice when the catalogue has enough others.
Stat tiles: a big numeral with a unit, a title and a line ("$49 Free delivery", "30 days Easy returns" ...), from a list you edit.
Deal band: a dark tile with your pitch, short facts and a countdown to the soonest end of a special price.
Numbered tile titles: 01, 02 ... in a soft chip, on or off.
Three ready boards as home layouts: Canvas (hero, spotlight, stat tiles, count tiles, numbered tiles), Mosaic (image-led: offer cards and category pictures high up) and Index (text-first: count tiles first, no hero). My board is your own list; one click copies a ready board into it to start from.
Eight colour schemes: six light schemes on a warm studio board (Gesso, Matcha, Fresco, Gouache, Marina, Sherbet) and two dark ones (Blackboard, Charcoal). Four colours of your own (accent, band, pop and board); the four tile colours and every text colour follow by themselves and are corrected to 4.5:1 or better on the page, the cards and every tile colour.
Type: Parkinsans for display and numerals, Host Grotesk for text.
Mega menu in an ink band: top categories with subcategories, counts and a featured product; departments over the limit go into "More"; the phone drawer lists all of them.
Shopping: live search, quick view, compare, wish list, AJAX filters and sorting with Show more, grid and list views, quantity prices, deal countdowns from real special end dates, delivery dates, sticky add-to-cart bar, phone bottom bar.
Product page: colour swatches and option chips, perks, tabs, sticky bar and structured data (JSON-LD: product, offer, rating, breadcrumbs).
One-click demo store: Tessera (eight departments, 40 illustrated products of six invented brands, specials with end dates, customer reviews and journal articles).
Safe and fast. Events only: no core file changes, no OCMOD. Self-hosted fonts (SIL Open Font License 1.1), one stylesheet and one script, no CDNs, no slider or animation libraries.
Requirements
OpenCart 4.1.0.0 to 4.1.x (tested on 4.1.0.4)
PHP 8.1 or later (what OpenCart 4.1 needs; the theme code itself runs on PHP 7.4+)
Pages
Installation
Go to Extensions > Installer and upload kv_theme_canvas.ocmod.zip. Click Install (the green + button) next to it.
Go to Extensions > Extensions, choose the type Themes, and click Install next to Canvas Theme by Kavio Labs.
Click Edit, check that Status is on, pick a Colour scheme and a Home page board and save.
Go to System > Settings, edit your store, and on the General tab set Theme to Canvas Theme by Kavio Labs. Save.
OpenCart 4 has no theme folders. Canvas is a theme extension: it swaps in its own templates while it is the store theme and switched on. Switch the store back to Default to return to the stock look at any time.
Recommended image sizes (System > Settings > Image): product card 600 x 600, product page 1000 x 1000, popup 1400 x 1400, additional 160 x 160, cart 140 x 140, category 600 x 600. Square packshots on a white or transparent background look best: Canvas shows them on a white plate in every scheme.
Canvas is built for OpenCart 4 (Bootstrap 5). There is no OpenCart 3 edition.
The demo store
On a fresh store (no products, or only the OpenCart sample products and no orders) the install adds the Tessera demo: eight departments, 40 illustrated products with colour and storage options, specials with end dates, customer reviews, hero scenes and journal articles, so every tile is filled at once. A store with its own catalogue stays exactly as it is. The demo switches off the OpenCart sample products and categories only; your information pages stay on, so the registration and checkout agreements keep working.
The Design & layouts tab has the buttons:
Install the demo adds it on any store, next to your own products.
Remove the demo deletes exactly what the demo added and restores the settings it changed. A setting you changed since the import stays as you set it. Your own products stay. After a removal the demo never comes back by itself, also not on an update.
The demo specials run for a few days after the import, so their countdowns end. To see them again, remove and add the demo, or give the products new end dates.
Set up your store in five steps
Look. On Design & layouts pick a colour scheme and a home board (Canvas, Mosaic, Index or My board).
Menu. Categories with Show in top menu form the menu row and its mega panels. On Header & menu you can give a top category a short name and a featured product.
Board. On Home page fill the hero scenes, the stat tiles and the help cards, and pick the spotlight products. For your own board choose My board as the home layout, click Canvas board (or Mosaic / Index) above the tile list to start from a ready board, and change, add, move or remove tiles.
Specials. Give special prices an end date (Catalog > Products > Special): the spotlight, the deal band and the cards count down to it.
Product data. Canvas reads your normal catalogue data:
Options named Colour or Color show as swatches. Options listed under Chip option names show as chips with the price change.
Colour siblings: sell each colour as its own product and give them the same Range attribute value: they show as linked swatches.
A Ships in attribute (for example "Ships in 1-2 days") becomes delivery dates on the product page; a Video attribute adds a video button.
Filters: add filter groups (Catalog > Filters), assign them to products and categories, and put the core Filter module in the left column of the Category layout (Design > Layouts).
Update
On OpenCart 4 an update is: Extensions > Extensions > Themes > Uninstall Canvas, in Extensions > Installer uninstall and delete the old package, upload the new one and install it, then Install Canvas again. OpenCart deletes a theme's settings when it is uninstalled; Canvas keeps a copy of its settings (your board included) and licence key and puts them back when it is installed again, the demo store stays, and stores that used Canvas use it again.
Uninstall
Uninstalling removes Canvas's events and switches a store that uses Canvas back to Default. A copy of the theme settings and the demo stay (so an update keeps them). For a complete clean-up, click Remove the demo on the theme page first, then uninstall.
Configuration
Everything is on one page: Extensions > Extensions > Themes > Canvas Theme by Kavio Labs > Edit. Settings are per store (choose the store at the top of the theme list).
Home page: the Canvas, Mosaic or Index board, or My board (see below).
Category pages: default view (grid or list), view switcher, 3 or 4 products per row.
Subtle animations. Visitors who prefer reduced motion never see animations.
Your colours: accent (buttons, links, focus), band (top line, menu bar, ink tiles, deal band, footer), pop (stickers, discount flags) and board. Leave a field empty to keep the scheme's colour. A dark board colour switches the store to dark mode, a light one to the light look. The tile colours and text colours follow and are corrected to 4.5:1 or better.
Text logo: without a logo image the header shows the Canvas tile mark with this text (empty = store name).
The ready boards
Board
Tiles in reading order (size, colour)
Canvas
hero (XL), spotlight (M, sand), four stat tiles (S: paper, mist, sage, ink), count tiles (wide), Bestsellers (L, mist), New in (L, sage), deal band (M, two rows), Deals of the week (XL, sand), help desk (XL), brands (M, mist), journal (XL), about (L, sage), newsletter (L)
Mosaic
hero (wide), offer cards (XL), spotlight (M, sand), category pictures (wide, mist), Trending this week (wide), deal band (M), Deals of the week (XL, sage), four stat tiles, brands (wide), newsletter (wide)
Index
count tiles (wide), four stat tiles, New arrivals (wide), Top sellers (XL, mist), deal band (M), Most popular (wide, sage), help desk (L), about (L, sand)
Canvas and Index number their tile titles (01, 02 ...); Mosaic does not.
My board
Choose My board as the home layout, then edit the Tiles list on the Home page tab. One row per tile, in reading order:
Column
Values
Tile
Hero scenes, Product spotlight, Stat tile, Count tiles, Product cards, Deal band, Offer cards, Category pictures, Help desk, Brands, Journal, About the store, Newsletter card
Size
S (1/4), M (1/3), L (1/2), XL (2/3), Wide (full row)
Height
One row or two rows tall
Colour
Paper, Sand, Mist, Sage, Ink, Accent, Clear (no ground: the hero, deal band and newsletter bring their own)
Title
Empty = the title set for the tile type. *word* lights a word in the accent colour.
Products / Product ids
Product cards only: Bestsellers (ranked by orders of the last 90 days, then by views), Newest, Most viewed, On special, Specials ending soonest, or your own ids
Show on
All devices, desktop and tablet only, phones only
Start from a ready board: the Canvas board, Mosaic board and Index board buttons above the list replace it with that board. Use the arrows to move a tile, the bin to remove it and Add a row for a new one. Rows of S tiles add up to a full row with four of them, M with three, L with two; XL pairs with M. On tablets S tiles take half a row and the others a full row; on phones every tile takes a full row (stat tiles two across) and product cards become a swipe row.
Number the tile titles switches the 01, 02 ... chips of My board on or off. An empty My board shows the Canvas board.
Tile contents (Home page tab)
Hero scenes: label, title, text, a product id (its packshot and "from" price) or a photo, and two buttons with links. Links take a category id or path, p:<id> (product), i:<id> (information page), specials or a URL. Seconds per scene (0 = no autoplay).
Product spotlight: label and product ids (empty = the specials that end soonest, then any special, then the newest products).
Stat tiles: number, unit, title and text. Each stat tile on the board shows the next row of this list.
Count tiles: title and category ids (empty = your top categories).
Deal band: label, title, text, up to three facts (2 yr|warranty;30 d|returns) and the button. The countdown ends with the soonest special of the store.
Offer cards: title and up to three cards (label, title, image, link, button). Without cards: the three specials with the biggest saving.
Category pictures: title and category ids.
Help desk: title and up to four cards (icon, title, text, link, link text). Links take compare, returns, contact, account, a category id, i:<id> or a URL.
Brands, journal, about, newsletter: titles, counts, own stories when the OpenCart 4.1 blog is empty, the about text (also used in the footer and as the home meta description when you have none; an empty line starts a new paragraph) and the newsletter pitch.
Modules you place in the Home layout (Design > Layouts) show below the board. Canvas tile board off shows only those modules.
Header & menu
Three top-line messages (the third can link), service links, phone number for the drawer, sticky header, search placeholder, live search, number of departments in the menu row (the rest go into "More"), the Deals link and short names / featured products per top category.
Category pages & cards
Subcategory chips, pagination (Show more button, load while scrolling or page numbers), AJAX filters and sorting, active filter chips, and the card parts: spec chips and their attributes (off by default), brand line, quantity prices, deal countdowns, quick view, compare, discount and New flags, the New window in days and the low-stock quantity. Card ratings show when Allow Reviews is on and the product has approved reviews.
Product pages
Hover zoom, sticky add-to-cart bar, structured data, perks under the buy button, related products title, and the attribute and option names Canvas reads (video, colour options, chip options, range siblings, delivery time).
Footer & mobile
Payment chips (plain text, no logos), social links (Name|URL per line), the phone bottom bar and the back-to-top button.
Licence
Enter the licence key from your Kavio Labs account. The theme never blocks your store or the admin panel: without a valid key it keeps working and this page shows a reminder.
FAQ
Does Canvas change OpenCart core files or use OCMOD?
No. Canvas is an OpenCart 4 theme extension that works with events only. Uninstall it or switch the store theme back to Default and the stock look returns.
How is the tile board different from OpenCart's layouts and modules?
OpenCart places modules in fixed positions (content top, column left ...), one under the other. The Canvas board is a grid: you choose the size, height and colour of every tile, and tiles sit side by side. Your Home layout modules still work: they show below the board.
Can I make a board for a fashion, food or furniture store?
Yes. The board holds no technology content of its own: count tiles, product cards, category pictures and brands read your catalogue; hero scenes, stat tiles, help cards and offer cards are your texts and images. Start from a ready board, then change the tiles and colours.
Where do the numbers on the count tiles come from?
They are the number of enabled products of each department in this store, subcategories included, counted from your catalogue. They are cached for an hour and cleared as soon as you save a product, a category or the settings.
What happens to a tile without content?
It is left out. A deal band without running specials still shows its pitch (without a countdown); a product tile, spotlight, offer card tile, journal or brands tile without content disappears, and the next tiles move up.
Does the spotlight or the hero move by itself?
The spotlight never does: visitors step through with the arrows. The hero rotates only when Seconds per scene is above 0; it pauses on hover and focus, has a pause button, stops for good after a click, swipe or key press, and never moves for visitors who prefer reduced motion.
Are the countdowns real?
Yes. They count down to the end date of the special price that applies (Catalog > Products > Special) and end exactly when OpenCart stops the special. Products without an end date get no countdown.
Will my product photos look right?
Yes. Photos always sit on white plates, with no filters or blend modes, so product colours stay true in every scheme and tile colour.
What happens on phones?
A compact header with the search, a menu drawer with every department, every tile in a full row (stat tiles two across), product cards as a swipe row, two products per row on category pages and a bottom bar (Home, Menu, Search, Account, Cart).
Is Canvas accessible?
Text reaches 4.5:1 or better in all eight schemes and on every tile colour, carousels are labelled regions with 44 px controls, hidden slides leave the tab order, every tile is a labelled section, and visitors who prefer reduced motion see no animation.
Does Canvas work with other extensions?
Canvas keeps OpenCart's own markup for cart, checkout, account and the layout positions, and restyles the pages it does not template. Extensions that add to pages through events or layout modules keep working.
Is there an OpenCart 3 version?
No. Canvas needs OpenCart 4.1.0.0 or later (Bootstrap 5).
Is Canvas the same as Canvas for CS-Cart?
It is the same design and demo store, built natively for OpenCart (on CS-Cart the tiles are Block Manager blocks, on OpenCart they are rows of the theme settings). The two are separate products.
Do I lose my settings or my board when I update?
No. An OpenCart 4 update is uninstall + install; Canvas keeps a copy of its settings (your board included) and licence key and puts them back when it is installed again, the demo store stays, and stores that used Canvas use it again.
Server-side tracking for OpenCart 4.x and 3.0.x: purchases, refunds, add to cart, checkout, product views and leads go from your server to the free official GA4 Measurement Protocol, Meta Conversions API and TikTok Events API, deduplicated with the browser pixels through shared event ids. Consent-aware, SHA-256 hashed customer data, order status mapping, queue with retries, test mode and an event log. No paid relay, events only, no OCMOD.
The department store theme for OpenCart 4.x and 3.0.x: colour-coded departments, a department list beside the hero slider with two side promos, a big search with a department selector, tabbed product blocks, a 2 + 1 + 2 offer grid, deals of the day with real countdowns, a department showcase, a promotions band and a three-column product page with a sticky buy box. Four styles (Meridian, Harbor, Citrus, Night) and your own colours on top. Events only, no core changes.
Stop AI crawlers, scrapers, vulnerability scanners and unwanted countries before OpenCart 4.x or 3.0.x builds a page. Googlebot and Bingbot are verified by DNS and always allowed; 50+ bots get one switch each; country rules use free GeoIP databases and can close only the checkout; IP and network lists, rate limits, honeypots and the cart flood fix; a one-second challenge instead of a captcha; learning mode, dashboard, log, IP tester and Cloudflare export. No core changes, no OCMOD.
