コンテンツにスキップ

セクション一覧

テーマエディタの「セクションを追加」には、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_entryHellostore オリジナル
お問い合わせ(種類を選ぶ)お客様が種類を選んでお問い合わせを送る種類ごとの案内文Hellostore オリジナル
お気に入り一覧端末内で商品を保存する専用ページ、必要なら比較設定Hellostore オリジナル
最近見た商品閲覧した商品に戻る表示件数Dawn ベース+Hellostore 強化
配送と送料送料・目安を説明する店の配送条件Hellostore オリジナル
AIスタッフAIチャットの受け皿。Hellostore AI Staff アプリを入れているときだけ表示するアプリの導入Hellostore オリジナル
配送目安バッジ出荷準備・配送の日数から到着予定日の範囲を表示する。空設定では非表示出荷準備と配送の日数Hellostore オリジナル
ヘッダー全ページ共通のロゴ・メニュー・検索・アカウントロゴ、メニューDawn ベース+Hellostore 強化
フッター全ページ共通のフッターメニュー、コピーライトDawn ベース+Hellostore 強化
計測ビーコン画面には表示されない計測用セクション通常は追加設定なしHellostore オリジナル

※ 表示の一部(価格・商品カード)に Dawn の部品を使用しています。

各セクションの設定項目のくわしい説明は、サイドバーの「セクションリファレンス」から読めます。

パーツ役割由来
日本語の検索候補 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 標準
カスタマイズされたLiquidHTML/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への質問欄・開閉パネル(サイズ表とフィット、配送と返品)が縦に並びます。

スマートフォンの商品ページ

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