StockVision ご利用マニュアル

MakeShopの主要ページに設置するタグです。各タグはMakeShopのテンプレート変数やURLから情報を自動取得するため、設置するだけで動作します。

3-1. 商品詳細（makeshop）

MakeShopの商品詳細テンプレートに設置するタグです。独自商品コードを自動取得し、納期表示やカート機能を追加します。

項目	内容
用途	MakeShopの商品詳細ページに納期表示・カート機能付きの商品情報を表示
設置先	MakeShopの商品詳細テンプレート
商品ID取得方法	MakeShopのテンプレート変数 <{$item.original_code|escape:html}> を使用して独自商品コードを自動取得

3-2. 商品検索結果（makeshop）

MakeShopの検索結果ページに設置するタグです。絞り込みフォーム付きの検索結果一覧を表示します。

項目	内容
用途	MakeShopの検索結果ページに絞り込みフォーム付きの検索結果を表示
設置先	MakeShopの検索結果ページテンプレート
検索キーワード取得	URLのクエリストリングパラメータから検索条件を自動取得

3-3. 商品カテゴリー（makeshop）

MakeShopのカテゴリページに設置するタグです。URLからカテゴリを自動検出し、該当カテゴリの商品一覧を表示します。

項目	内容
用途	MakeShopのカテゴリページにカテゴリ別の商品一覧を表示
設置先	MakeShopのカテゴリページテンプレート
カテゴリ取得方法	URLパス /view/category/{カテゴリ名} からカテゴリを自動検出

ページの一部として埋め込む部品（モジュール）タグです。ヘッダーやサイドバー、外部ページなど、用途に応じて柔軟に配置できます。

4-1. 検索窓口

キーワード検索フォームのみを埋め込むタグです。ヘッダーやサイドバーなど、ページの一部に検索入力欄を設置したい場合に使用します。

項目	内容
用途	キーワード検索フォームのみを表示
おすすめの設置場所	ヘッダー、サイドバー
動作	検索実行時に検索結果ページへ遷移します

4-2. 絞り込みフォーム（サイドメニュー用）

カテゴリ・価格帯等の絞り込みフォームのみを埋め込むタグです。商品一覧は表示せず、フォーム送信時に検索結果ページへリダイレクトします。サイドメニューへの配置に最適です。

項目	内容
用途	カテゴリ・価格帯等の絞り込みフォームのみを表示（商品一覧なし）
おすすめの設置場所	サイドメニュー、サイドバー
動作	絞り込み条件を選択して送信すると、検索結果ページのURLへリダイレクト

4-3. 営業日カレンダー

店舗の営業日・休業日がひと目でわかるカレンダーを埋め込むタグです。休日設定で登録した営業日情報が自動的に反映され、前月・翌月の切り替えも可能です。

項目	内容
用途	休日設定が反映された営業日カレンダーを表示
おすすめの設置場所	サイドバー、フッター、店舗情報ページ
機能	前月・翌月の切り替えナビゲーション付き。営業日と休業日が色分けで表示されます

4-4. 商品詳細（固定ID・ブログ用）

外部ページ（ブログ等）に特定の商品情報を埋め込むためのタグです。MakeShop以外のページに設置する場合に使用します。商品を指定するため、product_id パラメータを手動で設定する必要があります。

項目	内容
用途	外部ページ（ブログ、LP等）に特定商品の詳細を埋め込み表示
設置先	ブログ記事、ランディングページ、MakeShop外の任意のページ
商品ID指定	product_id パラメータに表示したい商品の独自商品コードを手動で指定

全てのタグに共通する設置手順を説明します。以下の手順に沿って作業してください。

手順1: SVタグ埋め込みページを開く

StockVision管理画面にログインし、サイドメニューから「SVタグ埋め込み」をクリックして管理画面を開きます。

手順2: タグのコードをコピー

設置したいタグのカードを見つけ、「コピー」ボタンをクリックします。ボタンの表示が「コピー済」に変わったら、コードがクリップボードにコピーされています。

手順3: MakeShopのHTML編集画面を開く

MakeShopの管理画面にログインし、「ショップデザイン」→「デザイン設定」→「HTML編集」を開きます。タグの設置先に応じて、該当するテンプレートを選択します。

手順4: テンプレートにコードを貼り付け

該当テンプレートの設置したい位置にカーソルを置き、コピーしたコードを貼り付けます。

手順5: 保存して動作確認

「保存」ボタンをクリックして変更を反映します。その後、ショップページにアクセスして、タグが正しく動作しているか確認します。

タグ種類	設置先テンプレート
商品詳細（makeshop）	商品詳細テンプレート
商品検索結果（makeshop）	検索結果ページテンプレート
商品カテゴリー（makeshop）	カテゴリページテンプレート
検索窓口	ヘッダーまたはサイドバーテンプレート
絞り込みフォーム	サイドバーテンプレート
営業日カレンダー	サイドバーまたはフッターテンプレート
商品詳細（ブログ用）	外部ページ（ブログ記事等）のHTML