セクション一覧
テーマエディタの「セクションを追加」には、Hellostore セクション と、Shopify 標準テーマ Dawn のセクションが並びます。最初のトップページは Hellostore セクションだけで組めます。足りない部品は Dawn のセクションで補えます。由来 の列で、Hellostore のオリジナルか、Dawn を Hellostore が強化したものか、Dawn 標準(Shopify 標準のまま)かを確認できます。
Hellostore セクション(店舗づくりの主力)
Section titled “Hellostore セクション(店舗づくりの主力)”テーマによって入っていないセクションがあります。テーマエディタの「セクションを追加」に出るものが、そのテーマに入っているセクションです。
| セクション | 主な用途 | 最初に設定するもの | 由来 |
|---|---|---|---|
| メインビジュアル | トップやページ途中の写真・動画と文章。必要なときだけスライドを追加 | 写真または動画、見出し、リンク | Hellostore オリジナル |
| 特徴の帯 | メインビジュアルや画像付きテキストの下に、短い特徴を1〜4個並べる | 特徴の見出し、短い説明 | Hellostore オリジナル |
| カテゴリアイコン | 画像付きのカテゴリへの入口を丸いアイコンまたはカードで並べる | 画像、リンク | Hellostore オリジナル |
| タイル状の画像 | 大きさの違う画像タイルでコレクションやキャンペーンへ導く | 画像、リンク | Hellostore オリジナル |
| 流れる画像 | コレクションの商品画像を横に流して見せる | コレクション | Hellostore オリジナル |
| シェイプナビゲーション | カテゴリーや用途へ導く | 写真、リンク | Hellostore オリジナル |
| 診断で探す | 3問の診断でタイプを決め商品を案内する | 問いの組み合わせ、コレクション | Hellostore オリジナル |
| おすすめ商品 | 推したい商品を写真と文で見せる | 商品、写真、説明 | Hellostore オリジナル※ |
| 写真と文章のストーリー | 店や製品の背景を説明する | 写真、本文 | Hellostore オリジナル |
| お店の紹介 | 会社紹介ページの冒頭 | 写真、短文、必要なら数字 | Hellostore オリジナル |
| About ご利用ガイド | 工程や使い方を説明する | 手順の見出しと本文 | Hellostore オリジナル |
| お知らせ一覧 | 選んだブログの最新記事をお知らせとして並べる | ブログ、表示件数 | Hellostore オリジナル |
| 商品の特徴 | 商品ページに特徴を短い文で並べる | 特徴のブロック | Hellostore オリジナル |
| レビュー | 商品ページにレビューを表示する | レビューの表示元 | Hellostore オリジナル |
| 画面下の購入ボタン | 商品ページを読み進めても購入ボタンを画面下に表示する | 配色、表示する内容 | Hellostore オリジナル |
| 商品比較表 | 最大3つの商品を並べて違いを比べる | 商品、比べる項目 | Hellostore オリジナル |
| 項目と値の表 | 素材や寸法などを項目と値の表で見せる | レイアウト、行と列 | Hellostore オリジナル |
| パンくずリスト | 下層ページの現在地を示す | 通常は追加設定なし | Hellostore オリジナル |
| よくある質問 | 購入前の疑問を解消する | 公開済み faq_entry | Hellostore オリジナル |
| お問い合わせ(種類を選ぶ) | お客様が種類を選んでお問い合わせを送る | 種類ごとの案内文 | Hellostore オリジナル |
| お気に入り一覧 | 端末内で商品を保存する | 専用ページ、必要なら比較設定 | Hellostore オリジナル |
| 最近見た商品 | 閲覧した商品に戻る | 表示件数 | Dawn ベース+Hellostore 強化 |
| 配送と送料 | 送料・目安を説明する | 店の配送条件 | Hellostore オリジナル |
| AIスタッフ | AIチャットの受け皿。Hellostore AI Staff アプリを入れているときだけ表示する | アプリの導入 | Hellostore オリジナル |
| 配送目安バッジ | 出荷準備・配送の日数から到着予定日の範囲を表示する。空設定では非表示 | 出荷準備と配送の日数 | Hellostore オリジナル |
| ヘッダー | 全ページ共通のロゴ・メニュー・検索・アカウント | ロゴ、メニュー | Dawn ベース+Hellostore 強化 |
| フッター | 全ページ共通のフッター | メニュー、コピーライト | Dawn ベース+Hellostore 強化 |
| 計測ビーコン | 画面には表示されない計測用セクション | 通常は追加設定なし | Hellostore オリジナル |
※ 表示の一部(価格・商品カード)に Dawn の部品を使用しています。
各セクションの設定項目のくわしい説明は、サイドバーの「セクションリファレンス」から読めます。
Hellostore の補助パーツ
Section titled “Hellostore の補助パーツ”| パーツ | 役割 | 由来 |
|---|---|---|
日本語の検索候補 c-predictive-search-fallback | 日本語ページのヘッダー検索で、商品の候補を表示します。Shopify 標準の検索候補は日本語に対応していないため、日本語ページのときだけ通常の検索結果から候補を出します。「セクションを追加」には出ず、設定も不要です → 日本語での検索候補 | Dawn ベース+Hellostore 強化 |
送料無料バー i-free-shipping-bar | あとどれだけの買い物で送料無料になるかを知らせます。単体では追加できず、カートまわりやお店の紹介など他のセクションに内蔵されます | Hellostore オリジナル |
商品ページの本文レイアウト(フォーカス / モダン)も Hellostore 提供の部品です(Dawn ベース+Hellostore 強化)。商品テンプレートの選択で切り替わるため、通常は「セクションを追加」から選ぶ必要はありません
Dawn 標準セクション(Shopify 標準の部品)
Section titled “Dawn 標準セクション(Shopify 標準の部品)”Hellostore Theme は Shopify 公式テーマ Dawn を基盤としているため、Dawn の標準セクションもそのまま使えます。名前はテーマエディタの「セクションを追加」に出るものと同じです(並び順はテーマエディタ側で決まります)。テーマによって入っていないものがあるので、実際に使えるかは「セクションを追加」の一覧で確かめてください。
| セクション | 主な用途 | 由来 |
|---|---|---|
| アプリ | インストールしたアプリのブロックを置く | Dawn 標準 |
| お問い合わせフォーム | 顧客からの問い合わせを受ける | Dawn 標準 |
| カスタマイズされたLiquid | HTML/Liquid を直接書ける上級者向け | Dawn 標準 |
| コラージュ | 写真・商品・動画を組み合わせて配置する | Dawn 標準 |
| コレクションリスト | カテゴリーへの入り口を並べる | Dawn 標準 |
| スライドショー | 複数の写真を切り替えて見せる | Dawn 標準 |
| テキスト付き画像 | 写真と文章を左右に並べる | Dawn 標準 |
| ブログ記事 | 最新の記事を見せる | Dawn 標準 |
| ページ | 固定ページの中身を埋め込む | Dawn 標準 |
| マルチカラム | 特徴や保証を列に並べる | Dawn 標準 |
| メール登録 | メールアドレスの登録を受ける | Dawn 標準 |
| メール登録者バナー | 登録フォーム入りの大型バナー | Dawn 標準 |
| リッチテキスト | 見出し・本文・ボタンの自由な組み合わせ | Dawn 標準 |
| 画像バナー | 1〜2枚の写真と文言の帯。キャンペーン告知に | Dawn 標準 |
| 開示情報 | 配送・返品などの開示を商品ページに表示する | Dawn 標準 |
| 告知バー | 送料無料や営業日など短い情報を上部に流す | Dawn 標準 |
| 迅速な注文リスト | B2B向けにまとめて注文する表 | Dawn 標準 |
| 折りたたみ可能なコンテンツ | 開閉できるQ&A・詳細ブロック | Dawn 標準 |
| 動画 | 動画を埋め込んで見せる | Dawn 標準 |
| 特集コレクション | コレクションから商品グリッドを表示する | Dawn 標準+Hellostore 強化 |
| 特集商品 | 1つの商品を大きく紹介する | Dawn 標準+Hellostore 強化 |
| 複数列 | 写真と文章の行を繰り返す | Dawn 標準 |
関連商品 は「セクションを追加」の一覧には出ません。商品ページのテンプレートに最初から置かれているセクションなので、表示件数などはそのセクションを選んで設定します。
商品を表示する Dawn 標準セクション(特集コレクション・特集商品・関連商品 など)では、Hellostore の拡張(商品カードのカラーチップ・お気に入り・クイックビュー・在庫バッジ、購入ボタンまわりののし・購入安心表示)が自動で適用されます。拡張の内容はテーマ設定から調整できます → カラーチップのしくみ・商品カード
見た目の例(実際のストアの画面)
Section titled “見た目の例(実際のストアの画面)”

見本ストアの例では、スマートフォンで写真ギャラリー・商品説明とサイズ表・サイズ選択・カートボタン・AIへの質問欄・開閉パネル(サイズ表とフィット、配送と返品)が縦に並びます。

選び方の目安
Section titled “選び方の目安”写真系セクションは業種が変わっても写真・文・リンクを入れ替えて使えます。診断で探すは衣料に向く体験です。店に合わなければ外して構いません。セクションを増やす前に、まず載せる写真と文、リンク先をそろえてください。