Configuration

Website > Keystone theme

One page for the two big choices of a storefront:

• Layout: Market, Classic or Showcase. The first click on Classic or Showcase creates that layout as a copy of your current Keystone layout (same blocks, so your banners, texts and product lists stay) and makes it the default layout. Switch back any time. Every layout is a normal Block Manager layout (Website > Themes > Layouts).
  • Market: Catalog button and a menu bar in your brand colour, the vertical catalog beside the hero slider and two side banners. Best for large catalogues.
  • Classic: search-led header and menu bar, a wide hero slider with two side banners, category tiles.
  • Showcase: one-row header (logo, menu, search, icons), a large split hero, light footer.
• Colour scheme: twelve schemes, one click each. Your own styles saved in the Theme Editor are listed too.

Theme Editor (Website > Themes > Theme editor)

Every Keystone colour is derived from the Theme Editor colours of the active scheme:

Theme Editor colour	Keystone uses it for
Primary button	buttons, badges, the hero tint, active states, the second tones of tiles
Menu / Menu links	the menu bar and its text (Market, Classic)
Link	links and accent texts
Base	panels, chips, image wells
Background (general)	page background
Sidebar	cards and panels
Secondary button	headings and dark text
Font	body text and secondary text
Discount label / In stock	sale badges and prices, stock status
Top panel / Footer	top bar and footer
Decorative	lines and borders

Save a changed scheme under a new name to keep the original.

Add-on settings (Add-ons > Keystone theme > Settings)

Setting	What it does
Sticky header	the header stays at the top while scrolling (condensed)
Mobile bottom bar	Home, Menu, Search, Account and Cart at the bottom of phones
“More” in the menu	menu items that do not fit move into “More”
Card style, Second image on hover, Product page layout, Animations	kit options of every Kavio theme
Install the demo content when the theme is activated	the demo catalogue (on by default)
Show more products	a “Show more products” button instead of page links on category, search and vendor pages
Hide on phones / Hide on tablets and computers	product card elements per device: product code, stock status, brand, rating, colour swatches, wish list / compare / quick view buttons, add to cart
License key	your licence

Blocks per device

Give any block or grid the user class ke-hide-phone, ke-hide-tablet or ke-hide-desktop in the Block Manager to hide it on that kind of screen.