得られるもの

ストアのナビゲーション体験を変革しましょう：

• Smart Breadcrumbs - お客様がストアを簡単にナビゲートできるよう支援します

• Advanced Categories - Shopifyの基本的なコレクションを超えた製品の整理

• SEO Boost - Googleが好む構造化データ

• Beautiful Design - どんなテーマにも自動でマッチします

インストール

Shopify App Storeからインストール

• Breadcrumbs & Categoriesアプリのページにアクセス

• 「Install」をクリック

• 権限を確認し、「Install app」をクリック

• アプリのダッシュボードにリダイレクトされます

クイックセットアップ（3ステップ）

インストール後、ダッシュボードにクイックスタートセクションが表示されます。以下の3つの簡単なステップに従ってください：

ステップ1：テーマでアプリ埋め込みを有効化

最初のステップは、公開中のテーマでアプリ埋め込みを有効にすることです。これにより、ストアにパンくずリストとカテゴリが表示されます。

• ダッシュボードでStep 1: Activate app embedを展開

• アプリが自動的にライブ（公開中）テーマを検出します

• 「Enable app embed」ボタンをクリック

• テーマエディタで「Save」をクリックして埋め込みを有効化

• ステータスが緑のバッジ付きで「App embed is Active」に変わります

ステップ2：テーマにブロックを追加

次に、パンくずリストとサブカテゴリのブロックをライブテーマに追加し、ストアに表示させます。

• 「Add blocks to theme」ドロップダウンボタンをクリック

• 選択可能な3つのブロックが表示されます：

• • Breadcrumbs - 商品/コレクションページ用のナビゲーションパンくずリスト

• • Sub-categories - layout text below - 画像の下にテキストを表示するサブカテゴリ

• • Sub-categories - layout text overlay - 画像の上にテキストを重ねて表示するサブカテゴリ

• 追加したいブロックを選択（複数追加可能）

• ブロックは自動的にライブテーマに挿入されます

ステップ3：構造を設定

ブロックをテーマに追加したら、パンくずリストとサブカテゴリを設定して、ナビゲーションをわかりやすくし、お客様のショッピングをより簡単にします。カテゴリ管理について詳しくはこちら →

• 「Open categories tree」ボタンをクリック

• ドラッグ＆ドロップインターフェースのカテゴリツリーエディタが表示されます

• カテゴリ階層を構築：

• • カテゴリをドラッグして並び替え

• • 親カテゴリの下にサブカテゴリをネスト

• • 多階層のナビゲーション構造を作成

• 完了したら「Save」をクリック

インストールの確認

3つのステップを完了したら、商品ページを確認してください：

• ストアの任意の商品ページにアクセス

• ページ上部にパンくずリストナビゲーションが表示されているはずです

• パンくずリンクをクリックしてナビゲーションをテスト