Goungyeol

The official zittme theme for cosmetics and beauty shops. Like a beauty select shop, it leaves generous white space and shows product photos large on square cards, with rose fuchsia accents and blush ivory tones. Brand and product names are shown separately, along with star ratings, review counts, ranking numbers and sale badges. The layout and the Commerce, board, member, messages, notification, system message, Booking, zittme Pay, Contact and Knowledge Q&A skins come as one set, so the whole site shares one design language as soon as you apply the theme.

Demo site: shopdemo2.zitt.me (sign in with the admin demo account to explore the admin screens too)

A beauty select-shop home page

The layout draws the site home page itself. Below the visual slider come a category index, running promotions, recommended products, live rankings, new arrivals, sale items and the latest board posts, and repeat fields in the layout settings let you remove sections or change their order and count. Product cards show brand name, product name, star rating, review count and sale badge together, giving the information density beauty products need.

Shop home and category lists

The header puts search, wordmark, My page and cart on one line, with the category menu below. Lists place category chips, search and sorting on one line, and on mobile the chips scroll sideways. Category tiles can get an image or emoji icon in the layout settings.

Product detail and combination options

Normal options, add-on options and combination options (such as color × volume) are supported, and sold-out combinations are dimmed so they can't be chosen. Shipping and exchange/return information can be styled with HTML.

Promotions

Promotions created in the Commerce admin appear automatically on the shop home and home page cards. Banners can be an image, a solid color or a gradient, and you set whether the accent image sits left or right.

Mobile

A fixed 5-tab bar at the bottom holds Home, Categories, Search, Cart and My page, and categories and search open as bottom sheets. It's responsive, so you don't need a separate mobile layout.

What's included

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

Settings

• One accent color applied across every screen, dark mode (auto, always light, always dark), responsive
• Maximum content width, menu bar width and color, visual slide text alignment (left, center, right)
• Home setup: shop module address, repeat fields for home page sections, category tile icons (image or emoji)
• Footer: site introduction, customer service phone and hours, contact email, business information, social links, notice text, copyright
• Layout classes m (main), sl (sub), sf (full width)
• Language files included: 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.18 or later, zittme Pay 0.2.9 or later. The Commerce skin reflects the settings added in 0.2.16: notice HTML, banner accent alignment, order status filters, and link and search box display.