Bento theme
Edition: CS-Cart & Multi-Vendor · Latest version: 1.0.1 · Compatible with: CS-Cart & Multi-Vendor 4.17.2 – 4.21.x, PHP 7.4 – 8.3 · Changelog: view
Bento is a storefront theme for gadget and accessory shops (audio, wearables, cameras, smart home, gaming, computing,
power and phone accessories) that puts the numbers up front. The home page opens with a bento grid of tiles: a hero
product tile, a big measured-number tile, a deal of the day with a real promotion countdown, a category tile and a
trade-in tile. Every product card carries spec chips in a mono face (ANC · 40 h · 248 g) and a compare toggle,
product pages show the key specs as big-number tiles, and category pages open with a bento header.
What you get
Section titled “What you get”- The Bento theme, a child of the standard Responsive theme, so every add-on keeps working.
- Four styles that change corners, shadows, tile colours and type weight, not only the colours:
- Fog: cool fog ground, white tiles with a soft lift shadow, teal hero, lime and coral tiles, pill buttons.
- Graphite: dark-first, raised graphite tiles with hairline rims, mint buttons, lime top bar, amber tile.
- Pop: warm white, chunky 30 px colour-blocked pastel tiles (mint, butter, peach), tomato actions, the heaviest type.
- Lab: white lab bench with a ruled bento grid (1 px hairlines instead of gaps), square tiles, black and acid-lime, black buttons with acid type.
- Hero bento: hero product tile, lab-number stat tile with comparison bars, category tile, trade-in tile and the Deal of the day tile (a real product block: price, saving, stock line and a countdown from the promotion’s end date).
- Category mosaic block template (one 2 × 2 tile + eight tiles, category images bleed off the corners).
- Bento product section block template: section head with kicker and “See all” link, optional featured 2 × 2 card with the short description.
- Spec chips on every product card (from your product features) and a compare toggle on cards (core comparison list, AJAX; the header shows the compare count).
- Product pages: mono SKU kicker, lead, spec chips, “The numbers” tiles from features, tile gallery, mono spec table; sticky buy bar and swipe gallery on phones.
- Category pages: bento header (title tile with product count and description + two promo tiles), subcategory pills, filters panel (bottom sheet on phones), 3-column cards.
- Homepage sections: “Inside the product” dark band with spec numbers and an exploded illustration, deals grid, brand strip, journal and reviews tiles, service tiles, newsletter tile.
- Mega menu with a “More” item and a Deals chip; labelled compare and account icons with counters;
Ctrl Kfocuses the search. - Sticky header, mobile bottom bar, two-column product grids on phones; card styles, second image on hover, two product page layouts, subtle animations (off for visitors who prefer reduced motion).
- Self-hosted fonts (Inter Tight and JetBrains Mono, SIL Open Font License): no external font requests.
- Demo content on activation: the “Tessel” gadget catalogue (9 categories, 37 products with illustrations, spec features and reviews, blog posts, menu), so the store looks complete right away.
Compatibility
Section titled “Compatibility”- CS-Cart (incl. Ultimate) and Multi-Vendor 4.17.2 – 4.21.x (tested on 4.17.2 and 4.21.2).
- PHP 7.2.5 to 8.3, depending on your CS-Cart version.
- Works with the full page cache of 4.21.
Licence
Section titled “Licence”Bento uses a domain-bound licence like every Kavio Labs product. Without a valid licence (after the 14-day period of a new installation, or 14 days after the licence server became unreachable) the storefront shows the standard Responsive look instead of the Bento design; cart, checkout and orders keep working and visitors see no message. See Configuration.