Usage
Colour schemes
Section titled “Colour schemes”Website → Themes → Duo → 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 | Shop | Panel | Actions |
|---|---|---|---|
| Linen (default) | warm paper | sand | terracotta |
| Sage | paper | sage | forest green |
| Coast | mist | sea glass | navy |
| Blush | shell | blush | wine |
| Citrus | cream | lemon | ink |
| Lilac | pale | lilac | indigo |
| Noir (dark) | black | umber | champagne |
| Tide (dark) | deep sea | petrol | aqua |
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 (Duo) | split: campaign slides in the left panel; service strip, category index, tabbed product rows, The edit, deals, brands, reviews, journal and newsletter on the right |
| Story home | split: the store story, four numbered department chapters (head + four products), deals, reviews, newsletter |
| Classic home | no split on any page: full-width campaign slider, then the Duo sections in a wide grid |
Preview a layout before switching: Design → Layouts → the layout → Preview.
The context panel
Section titled “The context panel”- Homepage: the “Showcase hero” block (three campaign slides; edit its HTML in the block content). Slides change every 7 seconds while visible and stop for good when the shopper interacts; never with reduced motion.
- Category pages: the category image (Products → Categories → Images), its name, the first lines of its description and up to six subcategories. Without an image a large initial on the panel colour is shown.
- Product pages: every image of the product, one per screen height. Scroll inside the panel or use the arrow keys; click an image to zoom. When an option changes the main image, the panel follows.
- Vendor store (Multi-Vendor): the vendor’s logo, name and description; the category image when a category is open.
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 (“Shop the edit”, “Phones”, “Laptops” and the other chapter blocks are manual product lists), 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”Below 1024 px the panel is part of the page: the campaign slides become a picture card at the top of the homepage and the category panel a compact banner with subcategory chips; product pages show the standard swipe gallery. Below 768 px the header becomes compact, a bottom bar shows Home, Menu, Search, Account and Cart, filters open in a sheet and product pages get a sticky buy bar.