🧩セクションと機能

セクションと機能の概要

あなたが学ぶこと

🧱 柔軟でテーマネイティブなセクションの完全一覧 🎯 Plain Jane と Interactive での使用場所と方法 🔀 イマーシブまたは従来のレイアウトとどのように組み合わせるか

Plain Jane テーマは幅広い再利用可能な セクション を使用でき、これらはスタック、スタイル設定、並べ替えが可能で動的なページを作成できます。これらはすべてのバージョンで動作します — 以下を含む： Plain Jane Starter, Interactive、および Standard.

💡 セクションは 任意のページ に Shopify テーマエディタを通じて追加できます — ホームページ、カスタムページ、パスワードページ、そして今では Interactive Space レイアウト内にも.

対応セクション

ここではデフォルトで利用できるものを簡単に紹介します：

  • ブログフィードセクション サムネイル、タイトル、説明付きで最近のブログ投稿を表示します。

  • コレクション表示セクション オプションのコールトゥアクションテキストやボタンとともに特定のコレクションを強調表示します。

  • コレクションリストセクション 複数のコレクションをグリッドで表示し、レイアウトオプションをカスタマイズできます。

  • メール登録（ポップアップ） メール取得のためのタイマー付きまたは退出意図のモーダルを表示します。

  • メール登録（埋め込み） サインアップフォームをレイアウトの任意の部分に直接埋め込めます。

  • FAQ セクション 折りたたみ式の質問と回答を追加します — 製品情報やサポートに最適です。

  • ヒーローセクション テキストオーバーレイ、コールトゥアクションボタン、レスポンシブコントロールを備えた全幅のヒーローバナー。

  • イメージセレクターセクション リンクのように機能するカスタムのクリック可能ゾーンを備えた画像を見せる（編集コンテンツに最適）。

  • イメージストリームセクション ブランドビジュアルやライフスタイルショットの横向きループスクロールを作成します。

  • マルキーセクション 告知やプロモーション用の自動スクロールテキストストリップを追加します。

  • プリローダーセクション イマーシブなストア向けにブランド化された読み込み画面エクスペリエンスを作成します。

  • 商品カルーセルセクション クイックビューやバッジをオプションで備えたスワイプ可能な行で商品を紹介します。

  • テキストブロックセクション 配置、サイズ、間隔のコントロールを持つスタイライズされたテキストブロックを追加します。

  • ビデオスポットライトセクション オプションの自動再生、コントロール、キャプションテキストを備えた全幅ビデオを埋め込みます。

  • ブログ記事セクション フェードインアニメーションやカスタムスタイリングを施したカードベースのグリッドレイアウトでブログ記事を表示します。

  • ブログ背景セクション ビデオ、画像、カラーオーバーレイ、グラデーション効果を使った没入型のブログページ背景を作成します。

  • ブログタイムゾーンセクション（時計） リアルタイム機能を備えたプロフェッショナルな時計とロゴ表示システムをブログページに追加します。

  • インタラクティブ環境セクション インタラクティブなナビゲーション、背景、ブランド統合を備えた没入型のナビゲート可能なスペースを作成します。

  • ダイナミック背景セクション（強化） スライドショー機能、タイプライター効果、洗練されたアニメーションを備えた高度な背景システム。

  • インデックスセンターレイアウトセクション インタラクティブ効果、ロゴ統合、タイムゾーン表示を備えた洗練された中央配置のホームページナビゲーションを作成します。

これらが使用できる場所

  • 💻 ホームページ — これらの任意の組み合わせを使ってフルランディング体験を構築します。

  • 📄 カスタムページ — セクションをあなたの ページ テンプレートまたは Canvas ページの下に積み重ねます。

  • 🔒 パスワードページ — ここに FAQ、メール取得、カウントダウン、またはビデオを追加します。

  • 🎮 Interactive Space — 従来のセクションをイマーシブなタッチポイントレイアウトと混ぜ合わせます。

⚠️ すべてのセクションが商品リンクやコマース機能をサポートしているわけではありません。コンバージョン重視の領域には（コレクション表示や商品カルーセルなどの）商品重視のセクションを使用してください。

ヘルプが必要ですか？

  • 💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ： [email protected]

  • 💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能

前へストアアンロックアニメーションの使用方法次へインタラクティブポイントの追加

最終更新