ページ一覧13

Shiori · Docs

商品ページ / Product page

日本語

「商品の情報」セクションのブロックを並べ替えて作ります。

  • セクションの設定: パンくず、画像の並べ方(縦に並べる・サムネイル)、画像の位置(左・右)、スクロールしても商品の情報を表示
  • ブロック: 文章・商品名・ブランド名・価格・評価・バッジ・SKU・在庫の状況・バリエーション・数量・購入ボタン・のし・店舗での受け取り・商品の説明・折りたたみ・配送の案内・共有・一緒に買う商品・カスタム Liquid・アプリ

価格

  • 税込の価格で販売しているお店(Shopify の税の設定で「すべての価格に税金を含める」)では、価格に「税込」が付きます
  • セールのときは元の価格を横線で、単価を設定した商品は単価も出します
  • Shop Pay の分割払いの案内を出せます(価格ブロックの設定)

のし

  • 「のし」の有無、表書き(御祝・内祝・御礼・御中元・御歳暮・御年賀・寸志・無地。1行に1つで変えられます)、名入れの欄を選んでもらえます
  • 選んだ内容は、カートと注文の明細に「のし」「表書き」「名入れ」として入ります。管理画面の注文の詳細で確かめられます
  • 「このタグの商品だけに表示」にタグ(例: ギフト対応)を入れると、そのタグが付いた商品だけに出ます
  • テーマはのしの料金を足しません。料金をいただく場合は、のし用の商品を用意するなどしてください

バッジ

  • 商品のタグの頭に「badge:」を付けると、その後ろの文字がバッジになります(例: badge:送料無料 → 「送料無料」)。商品カードにも出ます。頭の文字はテーマ設定で変えられます
  • セール中と売り切れのバッジは自動で出ます

在庫の状況

  • 在庫が「少ないとみなす数」以下になると、残りの数を出します。出すのは実際の在庫数です

バリエーション

  • ボタンかプルダウン。色の見本(スウォッチ)を設定した選択肢は色で出ます
  • 選ぶと、価格・在庫・画像・ページの URL が切り替わります

配送の案内・折りたたみ

  • 送料やお届けの目安、返品の条件などに。折りたたみは中身にページを選べるので、すべての商品で同じ文を使い回せます

一緒に買う商品

  • Shopify の Search & Discovery アプリで「補完商品」を設定した商品に出ます

店舗での受け取り

  • 店舗受け取りを有効にした拠点があるとき、選んだバリエーションを受け取れるかを出します

ギフトカード

  • 購入ボタンの「ギフトカードの送り先の欄」をオンにすると、贈る相手のメールアドレス・お名前・メッセージ・送る日を入れられます

English

Build the page by arranging the blocks in the Product information section.

  • Section settings: breadcrumbs, media layout (stacked or thumbnails), media position (left or right), and keep product information visible while scrolling
  • Blocks: text, title, vendor, price, rating, badges, SKU, inventory status, variant picker, quantity selector, buy buttons, noshi gift wrapping, pickup availability, description, collapsible tab, shipping information, share, complementary products, custom Liquid, and apps

Price

  • If your store includes tax in prices (in Shopify's tax settings), prices show a tax-included note
  • Sale prices show the original price struck through, and unit prices appear for products that have them
  • The price block can show Shop Pay Installments

Noshi gift wrapping

  • Shoppers can choose noshi, an inscription (御祝, 内祝, 御礼, 御中元, 御歳暮, 御年賀, 寸志, or 無地 by default; edit the list one per line), and a name to print
  • Their choices are added to the cart and order line items as のし, 表書き, and 名入れ. You can see them in the order details in your Shopify admin
  • Enter a tag in Show only for products with tag (for example, gift) to show the block only on products with that tag
  • The theme doesn't add a fee for noshi. If you charge for it, offer it as a separate product or add-on

Badges

  • Product tags that start with badge: become badges. For example, badge:Free shipping shows Free shipping. Badges also appear on product cards. You can change the prefix in theme settings
  • Sale and sold-out badges appear automatically

Inventory status

  • When stock is at or below the low stock threshold, the remaining quantity is shown. The number is always your actual inventory

Variant picker

  • Buttons or dropdowns. Options with swatches show their colors
  • Choosing a variant updates the price, stock, image, and page URL

Shipping information and collapsible tabs

  • Use them for shipping fees, delivery times, and return conditions. Collapsible tabs can show the content of a page, so you can reuse the same text on every product

Complementary products

  • Shown for products that have complementary products set up in Shopify's Search & Discovery app

Pickup availability

  • If you offer local pickup, shows whether the selected variant can be picked up and where

Gift cards

  • Turn on Show recipient form for gift cards in the buy buttons block to let shoppers enter the recipient's email, name, message, and send date