Sinsunhan

An official zittme theme for food and lifestyle shops. It is built so products and promotions take center stage from the very first screen, with deep pine green and ivory backgrounds for a fresh feel. The layout comes with a matching set of Commerce, board, member, messages, notification center, system message, Booking, zittme Pay, Contact and Knowledge Q&A skins, so the moment you apply the theme your whole site switches to the same design language.

Demo site: shopdemo.zitt.me (use the admin demo account to explore the admin screens too)

A shop home page without widget pages

The layout draws the site home page itself. The default lineup is visual slider → category tiles → daily deal → current promotions → featured products → banner → live ranking → new arrivals → sale products → latest board posts, and you can remove sections, reorder them and set item counts with the repeat fields in the layout settings. The daily deal rotates through the top discounted products one per day, with a countdown to midnight. If you don't register slides separately, the Commerce shop banners are used as they are.

Shop home and category lists

The header has three tiers: utility bar, logo/search/my page/cart/notifications, and category menu. The all-categories mega menu widens automatically from 3 to 5 columns depending on the number of top-level categories. List screens put first- and second-level category chips together with search and sorting on one line, and on mobile the chips flow in a single row you swipe sideways. Product cards have no borders so the photo takes the lead, and show an add-to-cart bar, discount rate and sale price.

Product details and combination options

Regular options, add-on options and combination options (axis × axis) are all supported. Sold-out combinations are grayed out so they can't be selected, and several combinations can be added at once. Below the price, reward points, shipping fees and shipping/freshness/exchange info flow together in one block, so everything needed to buy is visible at a glance.

Promotions

Create a promotion in the Commerce admin and it automatically appears in the promotion cards on the shop home and the site home page. Banners can be an image, a solid color or a gradient.

Four board styles

Each board can use list, card, webzine or FAQ style. Use them to fit the purpose: list style for notices, webzine for the community, and FAQ style for frequently asked questions, where clicking a question expands the answer.

Mobile

A 5-tab bar (home, categories, search, cart, my page) stays fixed at the bottom. The categories and search tabs open as bottom sheets that slide up, so shoppers can find products without leaving the page. It's responsive, so you don't need to build a separate mobile layout.

What's included

• Layout: 3-tier shop header, built-in theme home page, visual slider, footer with customer service, social links and business info, mobile bottom tab bar and bottom sheets
• Skins: Commerce, board, member, messages, notification center, system messages, Booking, zittme Pay, Contact, Knowledge Q&A (add-on module skins apply only on sites where that module is installed)
• Admin shortcuts: when you log in as an admin, shortcuts to Admin, Shop management (Commerce console) and Pay settings appear in the header and mobile drawer

Settings

• One accent color synced across every screen, dark mode (auto, always light, always dark), responsive
• Maximum content width 1060 / 1180 / 1320, menu bar width and color
• Home setup: shop module address, repeat fields for home page sections, category tile icons (image or emoji)
• Footer: site intro, customer service phone and hours, contact email, business info, social links, notice text, copyright
• Layout classes m (main), sl (sub), sf (full width). Sub pages use the full content width without an LNB
• Language files included for Korean, English, Japanese, Chinese (Simplified and Traditional), German, French, Spanish, Russian, Turkish, Vietnamese and Mongolian

Recommended environment

zittme 1.0.1 or later, Commerce 0.2.15 or later. From zittme 1.0.1, applying the theme also switches the messages, system message and notification center skins. It works on 1.0.0 too, but you'll need to choose those three skins in each module's settings yourself. For detailed settings, see the Sinsunhan theme guide.