日本語
テーマエディターの左側にある歯車(テーマ設定)から開きます。
ロゴ
- ロゴ・ロゴの幅・ファビコン
- 画像の上のロゴ: ヘッダーをトップの画像に重ねたときに使う、明るい色のロゴです(「03. ヘッダー・フッター」の透明なヘッダー)
- ロゴを入れないと、ストア名を文字で出します
色
- 配色は5つ。それぞれに「背景・文字・控えめな文字・差し色・罫線・面・ボタン・ボタンの文字・線のボタンの文字」の色があります
- セクションごとに配色を選べます
- セールのバッジの色・売り切れのバッジの色(使う配色を選びます)
文字
- 欧文の書体(見出し・本文): Shopify のフォント集から選びます。英数字に使われます
- 和文の書体(見出し・本文): ゴシック・明朝から選びます。お客様の端末に入っている書体(iPhone・Mac はヒラギノ、Windows は游ゴシック・游明朝など)で表示するので、フォントの読み込みを待たずに文字が出ます
- 見出しの大きさ・本文の大きさ
- メニューとラベルの欧文: 入力どおり・大文字
レイアウト
- ページの幅・パソコンの左右の余白(スマホは16px)・セクションの間・列の間・角の丸み
ボタン
- 形(塗り・線)・角の丸み・欧文の文字(入力どおり・大文字)
商品カード
- 画像の形(元の形・縦長3:4・より縦長2:3・正方形・横長4:3)・画像の収め方(枠いっぱい・全体を収める)
- カーソルを合わせたとき: 変えない・2枚目の画像・拡大。2枚目には、代替テキストに「モデル」「着用」「model」のどれかを含む画像を使い、無ければ2枚目の画像を使います
- 着用画像の切り替え: コレクションと検索のページに、商品画像と着用画像を切り替えるボタンを出します
- クイック追加: 使わない・ボタン・サイズを選んで追加(「06. コレクションと検索」)
- クイックビューで選んだ色の画像だけを出す
- 色のスウォッチを出す・スウォッチの最大数・ブランド名を出す・星の評価を出す・文字の揃え
- バッジ: セールのバッジ・売り切れのバッジ・バッジにするタグの頭(既定は badge:)
- 比較: 比較のチェックボックスを出す・比較する項目・違いを強調する(「06. コレクションと検索」)
オプション
- 色のオプション名(既定は Color, Colour, カラー, 色): この名前のオプションを色として扱います。色見本を設定した色はスウォッチ(色の丸)で出し、「選んだ色の画像だけを出す」の設定にも使います
- サイズのオプション名(既定は Size, サイズ): この名前のオプションに、サイズガイドのリンクと商品カードのサイズのボタンを付けます
- スウォッチの形: 丸・四角
カート
- カートの出し方(ドロワー・ページ)・送料無料の金額・注文メモの欄・規約への同意を求める・規約のページ・おすすめの商品・送料の見積もりを出す
- ギフト: ギフトラッピングの選択・のしの選択・のしの種類・ギフトメッセージの欄
- 配送日時: 配送日時を選べるようにする・最短のお届け・選べる最後の日・時間帯・配送日時の指定を必須にする
- くわしくは「07. カート」
日本向け
- 価格の横に「税込」を出す: 税込の価格で販売しているお店では「(税込)」、そうでないお店では「(税別)」と出ます
- 休業日: 曜日と、そのほかの休業日(1行に1日、2026-12-30 の形)。お届け日の目安・配送日時の指定・営業日カレンダーで使います
検索
- 入力中に候補を出す。日本語など Shopify の予測検索が使えない言語では、通常の検索の結果から候補を出します
動き
- スクロールでセクションを表示する: 最初の画面より下のセクションが、見えたところでふわっと出ます。動きを減らす設定の端末では動きなしで出ます
- カーソルを合わせると画像を少し拡大する: コレクションのタイルや記事のカードなど、リンクの付いた画像に効きます。商品カードは商品カードの設定に従います
SNS
- Instagram・X・LINE・Facebook・YouTube・TikTok・Pinterest・Threads の URL。入れたものだけ、フッターの「SNS」ブロック・スマホのメニュー・パスワードのページにアイコンが出ます
お客様アカウント
- ヘッダーのアカウントから開くメニュー(既定は customer-account-main-menu)
通貨の表示
- 価格に通貨コードを付けます(例: ¥1,000 JPY)
English
Open theme settings from the gear icon on the left side of the theme editor.
Logo
- Logo, logo width, and favicon
- Logo for images: a light version of your logo, used when the header sits over the image at the top of the home page (see the transparent header in 03. Header and footer)
- Without a logo, the store name is shown as text
Colors
- Five color schemes. Each has colors for background, text, secondary text, accent, lines, panels, button, button label, and secondary button label
- Each section has its own color scheme setting
- Sale badge colors and sold out badge colors (choose the color scheme to use)
Typography
- Latin fonts (headings and body): chosen from the Shopify font library and used for Latin letters and numbers
- Japanese text (headings and body): gothic or mincho. Miyabi uses the typefaces already on the shopper's device (Hiragino on iPhone and Mac, Yu Gothic and Yu Mincho on Windows, and so on), so Japanese text appears without waiting for a font download
- Heading size and body size
- Menu and label letters: as typed or uppercase
Layout
- Page width, side margin on desktop (phones always use 16 px), space between sections, space between columns, and corner radius
Buttons
- Style (solid or outline), corner radius, and Latin letters (as typed or uppercase)
Product cards
- Image shape (original, portrait 3:4, tall 2:3, square, or landscape 4:3) and image fit (fill or fit)
- On hover: no change, show second image, or zoom. The second image is the first image whose alt text contains モデル, 着用, or model, or else the second image
- Show on model switch: adds a switch between product and on-model images to collection and search pages
- Quick add: off, button, or size buttons (see 06. Collections and search)
- Show only the selected color's media in quick view
- Show color swatches, maximum swatches, show vendor, show rating, and text alignment
- Badges: show sale badge, show sold out badge, and badge tag prefix (default: badge:)
- Compare: show compare checkbox, comparison rows, and highlight differences (see 06. Collections and search)
Options
- Color option names (default: Color, Colour, カラー, 色): options with these names are treated as colors. Colors with a swatch set in Shopify show as swatches, and the settings that show only the selected color's media use these options
- Size option names (default: Size, サイズ): options with these names get the size guide link and the size buttons on product cards
- Swatch shape: circle or square
Cart
- Cart type (drawer or page), free shipping minimum, order note, agreement to terms, terms page, recommended products, and shipping estimate
- Gifts: gift wrapping option, noshi gift paper option, noshi types, and gift message field
- Delivery date: let customers choose a delivery date, earliest delivery, latest delivery, time slots, and require a delivery date
- For details, see 07. Cart
Japan
- Show tax included note next to prices: stores that include tax in prices show (tax incl.), and other stores show (tax excl.)
- Closed days: days of the week, and other closed dates (one per line, as 2026-12-30). They're used by the delivery estimate, the delivery date picker, and the business calendar
Search
- Show suggestions while typing. In languages that Shopify's predictive search doesn't support, such as Japanese, suggestions come from regular search results
Animations
- Reveal sections on scroll: sections below the first screen fade in as they come into view. On devices set to reduce motion, they appear without animation
- Zoom images on hover: applies to linked images such as collection tiles and article cards. Product cards follow their own hover setting
Social media
- URLs for Instagram, X, LINE, Facebook, YouTube, TikTok, Pinterest, and Threads. Icons appear in the footer's Social media block, the phone menu, and the password page only for the accounts you enter
Customer accounts
- The menu that opens from the account icon in the header (default: customer-account-main-menu)
Currency format
- Show currency codes with prices (for example, ¥1,000 JPY)