Usage
Colour schemes
Section titled “Colour schemes”Website → Themes → Noir → choose a scheme. Every scheme is a normal CS-Cart style: open it in the Theme Editor to change colours or fonts; your copy keeps working after theme updates.
| Scheme | Ground | Light (actions, glows) | Stickers |
|---|---|---|---|
| Basalt (default) | near-black | ice blue | coral |
| Champagne | warm black | champagne gold | sky |
| Absinthe | green-black | jade | amber |
| Ultraviolet | violet-black | ultraviolet | cyan |
| Garnet | wine-black | garnet pink | gold |
| Porcelain (light) | porcelain, black bands | cobalt | red |
| Pearl (light) | warm pearl, espresso bands | bronze | crimson |
| Quartz (light) | cool quartz, deep green bands | deep jade | orange |
The product stage, deal band and newsletter card stay dark in the light schemes.
Home layouts
Section titled “Home layouts”The theme installs three layouts. Open Design → Layouts and set the one you want as default:
| Layout | Home page |
|---|---|
| Main (Stage) | product stage, service strip, category discs, tabbed product rows, offers grid, deals, trending, brands, reviews, journal, newsletter |
| Gallery home | full-width scene slider (“Showcase hero”), promo cards, offers grid, four big category tiles, deals, tabbed rows, reviews, journal, service strip |
| Market home | no hero: service strip, category discs, deals, New arrivals and Top sellers rows, brands, about text |
Preview a layout before switching: Design → Layouts → the layout → Preview.
The product stage
Section titled “The product stage”“On stage” is a Products block with the template Product stage (Noir theme). Pick its products in the block’s Content tab. Each product shows its main image in the lit disc, its name, its first two spec chips, the start of its short description and its price in a light ring (with the old price when it is on sale), plus the promotion countdown when the product has a catalog promotion with an end date. The block name is shown above the product name. Shoppers use the arrows, the arrow keys or swipe. The stage moves on by itself every 7 seconds while it is visible, pauses while the pointer or keyboard focus is on it, has its own pause button, and stops for good after a click, swipe or key press. It never moves for visitors who prefer reduced motion or when the theme setting Subtle animations is off; to keep it still for everyone, untick Move to the next product every 7 seconds in the block settings.
Home sections
Section titled “Home sections”Every section is a normal Block Manager block (Design → Layouts → Homepage): edit its text in the block content, change the products of a product block in its Content tab, or switch a block off. Deal timers appear when a product has an active catalog promotion with an end date (Marketing → Promotions).
Phones and tablets
Section titled “Phones and tablets”The stage puts the product disc above the text on phones and is swiped. Below 1024 px the header is the standard compact header (no glass pill); below 768 px a bottom bar shows Home, Menu, Search, Account and Cart, filters open in a sheet and product pages get a sticky buy bar. The pointer spotlight is off on touch screens.