Redline theme (skate and street brand)

This is the manual for Redline (redline), the official Zittme theme for skate and street sports brands. It handles brand introduction and merch sales on a single site. It layers signal red over a black background with very large type; the first screen is a full-bleed photo, and the menu opens full screen. The shopping flow (cart, order, payment) is the same as in the Sinsunhan theme, so for anything not covered here, see the Sinsunhan theme document as well.

Demo: redline-demo.zitt.me

Components

Installing and applying

1. Install it from the store, or unzip it into themes/redline.
2. In Admin > Design settings, choose Redline and apply it.
3. If the Commerce module is installed, the header cart, header search, and home page merch section connect automatically. If you have several shop modules, enter the mid in Layout settings > Basic > "Merch shop address (mid)".

Recommended: Zittme 1.0.1 or later, Commerce 1.1.1 or later. Since this is a responsive theme, we recommend turning off the mobile-only view.

Color mode

This theme is designed around a black background. In Layout settings > Basic > Color mode, choose "Always dark (default)", "Always light", or "Match visitor's device setting".

• If you have a separate logo for light mode, put it in "Logo image for light mode".
• When you change the accent color, button text and highlighted text colors adjust automatically to the background, so hard-to-read combinations don't occur.
• The 404 and 500 error screens drawn outside the layout also follow the site's color mode.

Page types

In the sitemap, enter one of the values below in the menu's Class field to set the page style.

Class	Style
m	Main. Shows the cover and home page sections.
sf	Full width. The content fills the screen width. Suited to brand introduction pages.
(empty)	Regular subpage

Built-in theme home page (Main composition)

Build it in order with the "Home page sections" repeat field on the Layout settings > Main composition tab. If there are none, the default composition is used.

Section type	Content	Fields used
Statement	One block of large text. A one-line brand introduction	Body, button label, button link
Team riders	A grid of black-and-white photo cards. Color returns on mouse hover	"Team riders" repeat field
Stats	Large numbers on a red band. The numbers count up when they come into view	"Stats" repeat field
Merch / New arrivals / On sale	Shop product cards	Number to show
Journal	Cards of the latest board posts	Source (board mid; if empty, the first board), number to show
Photo band	Text and a button over a full-screen photo	Image, body, button label, button link
Scrolling text	A horizontally scrolling band	Section title (if empty, the first screen's scrolling text)

• Team riders: register each person's photo, name, discipline or role, year joined, and link.
• Stats: register the number, the unit after the number (e.g., K, years), and a description.
• If you leave a section title empty, a default title for that type appears.

First screen (cover and scrolling text)

• Cover display: Main style only, also on subpages, or off
• Cover height: Full screen (default), tall (80% of the screen), or normal (620px)
• Cover kicker, title, description, and button: The title appears very large, with line breaks exactly as entered.
• Scrolling text: Separate items with a vertical bar (|). If empty, the band is not shown. Speed is slow, normal, or fast. If a visitor has turned on reduced motion on their device, it appears stopped.

Shop screens (Commerce skin)

• Merch home and list: Category tabs, search, sorting. Sale, new, and recommended badges.
• Detail: Product name, price, points, shipping fee, options, Buy now, cart, and below them info lines for shipping, authenticity, and exchanges/returns.
• Seller shops: When you turn on the open market, each seller gets a shop (/shop-mid/store/shop-id). It shows the shop banner, shop menu, in-shop search, featured products, new products, products by category, notices, and seller information, and the shop color the seller chose is used as the accent color.
• Cart, order, My shopping, and promotions: The same flow as the Sinsunhan theme, and payment continues in the zittme Pay skin.

Board skin

In skin settings, choose the board title, description, list style (list, card, webzine, FAQ), author alignment, and whether to show profile photos, signatures, attachments, and the upvote button. For photo-centered boards like a journal, we recommend the card style.

Footer

In Layout settings > Footer, fill in the brand introduction, contact phone number and email, three social links (Instagram, YouTube, TikTok), bottom notice text, business and contact information (one item per line), copyright notice, and the large footer text. Connect the footer menu to "Footer menu" in menu management.

All layout settings

Basic

Logo image, logo image for light mode, logo text, accent color, maximum content width (1280, 1440, 1680), color mode, enable search, merch shop address (mid)

First screen

Cover display, cover height, cover background image, cover kicker, cover title, cover description, cover button label, cover button link, scrolling text, scrolling speed

Main composition

Home page sections (type, title, body, image, source, button label, button link, number to show), team riders, stats

Footer

Large footer text, brand introduction, contact phone number, contact email, three social links, bottom notice text, business and contact information, copyright notice