{"id":1046,"date":"2017-04-20T17:08:35","date_gmt":"2017-04-20T08:08:35","guid":{"rendered":"http:\/\/raku2repeat.com\/faq\/?p=1046"},"modified":"2025-09-01T15:16:52","modified_gmt":"2025-09-01T06:16:52","slug":"02-0121","status":"publish","type":"post","link":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/item\/02-0121\/","title":{"rendered":"\u51fa\u54c1\uff1e\u30ab\u30c6\u30b4\u30ea\u30fc\u767b\u9332"},"content":{"rendered":"

概要<\/h2>\n\n\n\n

出品商品のカテゴリー登録や、登録済カテゴリーの確認・変更を行う画面です。<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

カテゴリ登録の手順<\/h2>\n\n\n\n

手動で新規登録<\/h3>\n\n\n\n
\n
STEP<\/span><\/div>
新規登録画面を開く<\/div><\/div>
\n

出品 ＞ カテゴリー登録<\/span> を開き、画面左上のカテゴリの新規登録 <\/span><\/span> をクリックします。<\/p>\n<\/div><\/div>\n\n\n\n

STEP<\/span><\/div>
必要情報を入力する<\/div><\/div>
\n

編集タブに各種情報を入力します。<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

カテゴリー情報<\/h4>\n\n\n\n
\n
 <\/span> 項目一覧はこちら<\/strong><\/span><\/span><\/summary>
\n
項目<\/strong><\/th>内容<\/strong><\/th><\/tr><\/thead>
カテゴリーID<\/td>登録後に自動で付与されます。<\/td><\/tr>
カテゴリ―名<\/td>カテゴリー名を入力します。
画面表示<\/a>をご確認ください。<\/td><\/tr>
カテゴリー管理番号<\/td>カテゴリーページのURL設定が
http:\/\/ドメイン\/products\/c\/{カテゴリー管理番号}\/
のURLタイプの場合に利用されます。任意の管理番号を入力してください。
※「\/(スラッシュ)」が入っていると、URLとして正しく機能しませんのでご注意ください。<\/td><\/tr>
表示・非表示<\/td>フロント画面への表示・非表示を選択します。<\/td><\/tr>
ログイン有無<\/td>ログインの有無を設定します。
[ログインが必要] にチェックした場合、カテゴリーページを見るためには、ログインする必要があります。<\/td><\/tr>
カテゴリーページ並び順初期値<\/td>カテゴリーページの商品の並び順の初期値を選択してください。<\/td><\/tr>
販路区分<\/td>カテゴリーページを表示する顧客の販路区分を設定します。
チェックをつけた販路区分の顧客のみカテゴリーページが表示されます。
すべて未選択の場合は、全顧客に表示されます。<\/td><\/tr>
販路区分（例外表示する加盟店）<\/td>カテゴリーページを例外表示する加盟店を設定します。
例外表示する加盟店の加盟店コードを入力してください。
複数の場合は、カンマ( , )区切りで入力してください。<\/td><\/tr>
販路区分（例外表示しない加盟店）<\/td>カテゴリーページを例外表示しない加盟店を設定します。
例外表示しない加盟店の加盟店コードを入力してください。
複数の場合は、カンマ( , )区切りで入力してください。<\/td><\/tr>
サーチ非表示<\/td>サイト上にてカテゴリーを非表示とする設定です。
サーチ非表示に設定すると、カテゴリーはサイト上に表示されません。
また、noindexが付与され、sitemapにカテゴリーページが出力されなくなります。
カテゴリーページのURLを直で入力した場合はアクセス可能です。
※サーチ非表示に設定したカテゴリーに属する商品であっても、商品にサーチ非表示が設定されていない場合には商品はサーチ非表示となりません。<\/td><\/tr>
モールカテゴリーURL<\/td>モールカテゴリーURLを入力します。<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/details>\n<\/div>\n\n\n\n

metaタグ関連項目<\/h4>\n\n\n\n
\n
  <\/span>項目一覧はこちら<\/strong><\/span><\/span><\/summary>
\n
項目<\/th>内容<\/th><\/tr><\/thead>
基本項目<\/th><\/tr>
author<\/td>ページの作成者（運営会社名等）を入力してください。
上限は200文字です。<\/td><\/tr>
keywords<\/td>ページの内容を表すキーワードを半角カンマ（,）区切りで入力してください。
上限は200文字です。<\/td><\/tr>
description<\/td>ページの概要を入力してください。
検索結果に表示される場合があります。上限は200文字です。<\/td><\/tr>
theme-color<\/td>テーマカラーを設定することで、ブラウザのアドレスバーの色を自社サイトのテーマカラーに合わせることができます。<\/td><\/tr>
color-scheme<\/td>カラースキームを設定することで、ダークモードに適応することができます。
“normal”、”light”、”dark”、”light dark”、”dark light”のいずれかを入力します。<\/td><\/tr>
関連項目<\/th><\/tr>
robots<\/td>検索エンジンに対して、ページのインデックス（掲載）を指定する設定です。
index, followがデフォルトです。<\/td><\/tr>
canonical URL<\/td>複数ある重複コンテンツを1つのURLにまとめる（正規化する）ことができる設定です。<\/td><\/tr>
title<\/td>ページのタイトル（題名）について表示形式の設定です。
検索エンジンが最重要視する要素です。上限は200文字です。
※ブラウザでサイトを開いた際、設定した文言がタブに表示されます。<\/td><\/tr>
h1<\/td>H1タグの設定です。上限は200文字です。詳細は、こちら<\/a>をご参照ください。<\/td><\/tr>
OGP項目<\/th><\/tr>
OGP画像<\/td>シェアされた際に表示する画像を指定します。<\/td><\/tr>
Facebook App-ID<\/td>Facebookインサイトを使用するには、アプリIDをページに追加する必要があります。インサイトにより、Facebookからサイトへのトラフィックに関する分析を確認できます。
「Meta for Developers」にログインして、アプリIDを取得します。
取得したFacebookアプリIDを入力します。<\/td><\/tr>
Twitter Card<\/td>カードタイプは、“summary”、“summary_large_image”、“app”、“player”のいずれかを入力します。
ページごとにカードタイプを1つだけ設定できます。ページに複数のtwitter:card値が存在する場合は、「最後に」来る値が優先されます。<\/td><\/tr>
Twitter Site<\/td>Webサイト用のTwitterアカウント名を入力します。<\/td><\/tr>
Twitter Creator<\/td>コンテンツ作成者のTwitterアカウント名を入力します。<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/details>\n<\/div>\n\n\n\n

画像情報<\/h4>\n\n\n\n
項目<\/strong><\/th>内容<\/strong><\/th><\/tr><\/thead>
画像<\/td>画像を設定します。
設定した画像はサイドバーのカテゴリー(アコーディオン)や上位カテゴリーページで下位カテゴリの画像として表示されます。
【ファイル選択】と【アップロード】から画像を設定できます。
画像PATHと画像ALTを入力してください。<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

表示内容の設定<\/h4>\n\n\n\n
\n
  <\/span>項目一覧はこちら<\/strong><\/span><\/span><\/summary>
\n
項目<\/strong><\/th>内容<\/strong><\/th><\/tr><\/thead>
パソコン用\/スマートフォン用<\/th><\/tr>
ヘッダー・フッター・レフトナビ<\/td>初期値は「（自動選択）」です。
「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。<\/td><\/tr>
共通説明文（小）<\/td>「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。<\/td><\/tr>
メイン画像<\/td>【ファイル選択】と【アップロード】からメイン画像を設定できます。
画像PATHと画像ALTを入力してください。<\/td><\/tr>
カテゴリ説明文上<\/td>商品一覧の上部に表示されます。HTMLタグの利用が可能です。<\/td><\/tr>
目玉商品<\/td>「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。<\/td><\/tr>
店舗内ランキング<\/td>「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。<\/td><\/tr>
最近チェックした商品<\/td>「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。<\/td><\/tr>
共通説明文（大）<\/td>「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。<\/td><\/tr>
カテゴリ説明文下<\/td>商品一覧の下部に表示されます。HTMLタグの利用が可能です。<\/td><\/tr>
カスタムコンテンツ１\/2\/3<\/td>「デザイン＞PC\/SP＞ページ設定」と異なる
個別設定をする場合のみ変更してください。
※こちらはオプション機能です。
<\/strong><\/span>　ご利用をご希望の場合にはサポートまでお問合せください。<\/strong><\/span><\/td><\/tr>
登録商品一覧<\/td>カテゴリページの表示形式の設定が可能です。
詳細はこちら<\/a>をご参照ください。<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

「デザイン＞PC\/SP＞ページ設定」 の詳細は、こちら<\/a>をご確認ください。<\/p>\n<\/div><\/details>\n<\/div>\n<\/div><\/div>\n\n\n\n

STEP<\/span><\/div>
登録を完了する<\/div><\/div>
\n

ページ下部のこの内容で登録する <\/span><\/span>をクリックし、登録完了です。<\/p>\n\n\n\n

登録が完了すると、[商品リスト]タブ に商品の追加<\/span> が出現します。
ここで、カテゴリと紐づけたい商品を選択することができます。<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
  <\/span>項目一覧はこちら<\/strong><\/span><\/span><\/summary>
\n
項目<\/strong><\/th>内容<\/strong><\/th><\/tr><\/thead>
削除<\/td>カテゴリから商品を削除する際に使用。
チェックした状態でこの内容で登録する <\/span><\/span> をクリックすると、
商品とカテゴリの紐づけを削除することができる<\/td><\/tr>
商品管理番号
商品番号<\/td>		商品管理番号、商品番号を表示<\/td><\/tr>
商品名<\/td>商品名を表示<\/td><\/tr>
商品表示順序<\/td>商品に設定されている商品表示順序を表示<\/td><\/tr>
商品設定<\/td>編集ボタンをクリックすると該当商品の出品商品登録画面が開く<\/td><\/tr>
在庫設定<\/td>編集ボタンをクリックすると該当商品の在庫（商品規格）登録画面が開く<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/details>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
<\/path><\/svg>出品商品とカテゴリの紐づけについて<\/span><\/div>
\n

カテゴリと出品商品の紐づけは、出品商品画面でも行えます。<\/p>\n\n\n\n

以下は、出品商品【クロワッサン】に対して、商品カテゴリ【クロワッサン】を紐づけた場合の参考となります。<\/p>\n\n\n\n

① 出品 ＞ 出品商品一覧<\/span> ＞ 対象商品の編集画面 ＞[基本情報]タブからカテゴリを設定<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

② 出品 ＞ カテゴリー登録<\/span>から当該カテゴリの編集画面＞[商品リスト]タブを確認<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

当該カテゴリに属する商品一覧が表示されました。<\/p>\n\n\n\n

なお、カテゴリの紐づけをCSV<\/strong>で行う場合は、下記のページをご参照ください。<\/p>\n\n\n\n

\n
<\/path><\/path><\/svg>CSVサンプル・項目一覧＜商品×カテゴリーの紐づけ＞<\/span><\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

子カテゴリの新規登録<\/h3>\n\n\n\n

管理画面から子カテゴリを登録する手順を紹介します。<\/p>\n\n\n\n

<\/path><\/svg>親カテゴリ・子カテゴリとは？<\/span><\/div>
\n

カテゴリＡの中に、「カテゴリＢ」「カテゴリＣ」といったカテゴリが存在するとき、
カテゴリＡを【親カテゴリ】、カテゴリＢ・Ｃを【子カテゴリ】と呼びます。<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div><\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
STEP<\/span><\/div>
親カテゴリを開く<\/div><\/div>
\n

出品 ＞ カテゴリー登録<\/span> から、親としたいカテゴリ名をクリックします。
※親カテゴリが存在しない場合、はじめに親カテゴリを登録してください<\/mark><\/p>\n\n\n\n

\"\"<\/figure>\n<\/div><\/div>\n\n\n\n
STEP<\/span><\/div>
子カテゴリの新規登録<\/div><\/div>
\n

親カテゴリの中に入った状態で、カテゴリの新規登録を行います。
※登録手順は本ページ内の＜手動で新規登録<\/a>＞<\/strong>をご確認ください<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n

CSVで新規登録<\/h3>\n\n\n\n

CSVデータによる一括登録が可能です。
CSV作成のルールについては、下記のページをご参照ください。<\/p>\n\n\n\n

\n
<\/path><\/path><\/svg>CSVサンプル・項目一覧＜カテゴリー新規登録＞<\/span><\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

フロント画面での表示<\/h2>\n\n\n\n

カテゴリ一覧の表示形式は、「標準（デフォルト）」と「アコーディオン」の２種類から選択可能です。
表示の切り替えは、デザイン(PC\/SP) ＞ 高度な設定 ＞ レイアウト設定<\/span> で行います。<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
<\/path><\/path><\/svg>［レイアウト設定］の詳細はこちら<\/span><\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

標準（デフォルト）形式で表示する場合<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

「カテゴリ名」と、「所属する商品数（かっこ内）」が表示されます。<\/p>\n\n\n\n

<\/div>\n\n\n\n

アコーディオン形式で表示する場合<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

第二階層（子カテゴリ）までを、アコーディオン形式で表示可能です。
第三階層（子カテゴリの中に作成したカテゴリ）まで表示したいときは、＜こちらの手順<\/a>＞<\/strong>をお試しください。<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3階層目も表示させるには<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

以下手順で設定ください。<\/p>\n\n\n\n

\n
STEP<\/span><\/div>
新規ブロック作成<\/strong><\/div><\/div>
\n

デザイン(PC\/SP) ＞ 高度な設定 ＞ レイアウト設定<\/span>にて、［ブロックを新規入力］をクリックします。<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div><\/div>\n\n\n\n
STEP<\/span><\/div>
ブロック設定<\/div><\/div>
\n

STEP1で作成したブロックに任意のブロック名とファイル名を入れてください。
その下のコード欄には以下の参考コードを挿入してください。<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
コードを見る(コピー＆ペーストでご利用ください)<\/span><\/span><\/summary>
\n
<div class="raku2_theme01">\n    <div class="block_outer">\n        <div id="raku2_ts_area">\n            <div class="block_body">\n                <div class="raku2_ts">\n                    <h2>商品カテゴリ<\/h2> <!-- 全体の見出し -->\n                    <!--{foreach from=$arrGlobalTree item=tree1}-->\n                    <!--{if $tree1.plg_raku2_disp_flag=="1"}-->\n                    <ul class="raku2_ts_level_0">\n                        <li>\n                            <a href="\/mypage\/order_list.php?category_id=<!--{$tree1.category_id}-->"\n                                class="category-link"><!--{$tree1.category_name}--><\/a>\n                            <!--{if !$tree1.children}-->\n                            <!--{else}-->\n                            <span class="raku2_ts_toggle">+<\/span>\n                            <ul class="raku2_ts_level_1" data-category-id="<!--{$tree1.category_id}-->">\n                                <!--{foreach from=$tree1.children item=tree2 name=loop}-->\n                                <li <!--{if $smarty.foreach.loop.index==0}-->class="raku2_ts_li_1_first"<!--{\/if}-->>\n                                    <a href="\/mypage\/order_list.php?category_id=<!--{$tree2.category_id}-->"\n                                        class="category-link"><!--{$tree2.category_name}--><\/a>\n                                    <!--{if !$tree2.children}-->\n                                    <!--{else}-->\n                                    <span class="raku2_ts_toggle">+<\/span>\n                                    <ul class="raku2_ts_level_2" data-category-id="<!--{$tree2.category_id}-->">\n                                        <!--{foreach from=$tree2.children item=tree3}-->\n                                        <li><a href="\/mypage\/order_list.php?category_id=<!--{$tree3.category_id}-->"\n                                                class="category-link"><!--{$tree3.category_name}--><\/a>\n                                        <\/li>\n                                        <!--{\/foreach}-->\n                                    <\/ul>\n                                    <!--{\/if}-->\n                                <\/li>\n                                <!--{\/foreach}-->\n                                <!--{\/if}-->\n                            <\/ul>\n                        <\/li>\n                    <\/ul>\n                    <!--{\/if}-->\n                    <!--{\/foreach}-->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.querySelectorAll('.raku2_ts .raku2_ts_toggle').forEach(toggle => {\n        toggle.addEventListener('click', function (e) {\n            const ul = this.parentElement.querySelector('ul');\n            if (ul && ul.classList.contains('raku2_ts_level_0')) {\n                closeAllChildren(ul);\n            }\n            if (ul && (ul.classList.contains('raku2_ts_level_1') || ul.classList.contains('raku2_ts_level_2'))) {\n                const isVisible = ul.classList.contains('visible');\n\n                if (isVisible) {\n                    ul.style.maxHeight = "0";\n                    ul.classList.remove('visible');\n                } else {\n                    ul.style.maxHeight = "0";\n                    ul.classList.add('visible');\n                    const outerHeight = ul.scrollHeight;\n                    setTimeout(() => (ul.style.maxHeight = `${outerHeight}px`), 10);\n                }\n\n                this.textContent = isVisible ? '+' : '−';\n\n                if (isVisible) {\n                    return;\n                }\n                if (ul.classList.contains('raku2_ts_level_2')) {\n                    updateTreeLevel2Height(ul);\n                }\n            }\n            e.stopPropagation();\n        });\n    });\n\n    \/\/ 最上位カテゴリを閉じる時は全て閉じる、子カテゴリはそのまま\n    function closeAllChildren(ul) {\n        const children = ul.querySelectorAll('.raku2_ts_level_1, .raku2_ts_level_2');\n        children.forEach(child => {\n            child.classList.remove('visible');\n            child.style.maxHeight = "0";\n        });\n    }\n\n    \/\/ 高さの補正\n    function updateTreeLevel2Height(level2) {\n        const treeLevel2 = level2;\n        const parentElement = treeLevel2.closest('.raku2_ts_level_1');\n        const parentHeight = parentElement.offsetHeight;\n        const level2Height = level2.scrollHeight;\n        parentElement.style.maxHeight = `${parentHeight + level2Height}px`;\n    }\n    \n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ 現在のURLからクエリパラメータを取得\n        const urlParams = new URLSearchParams(window.location.search);\n        const categoryId = urlParams.get('category_id'); \/\/ 現在選択されたカテゴリID\n\n        if (categoryId) {\n            const activeLink = document.querySelector(`.raku2_ts a[href*="category_id=${categoryId}"]`);\n\n            if (activeLink) {\n                \/\/ アクティブリンクにスタイルを追加\n                activeLink.classList.add('active');\n\n                \/\/ 階層の状態を制御\n                handleCategoryVisibility(activeLink);\n            }\n        }\n    });\n\n    \/\/ 階層の親要素を再帰的に開く\n    function openParentsRecursively(element) {\n        if (!element) return;\n\n        \/\/ 自身のカテゴリを開く\n        openCategory(element);\n\n        \/\/ 親階層を探す\n        const parentUl = element.closest('.raku2_ts_level_1, .raku2_ts_level_0');\n        if (!parentUl || parentUl === element) return;\n\n        openParentsRecursively(parentUl);\n    }\n\n    \/\/ URLクエリパラメータのカテゴリに基づいて表示制御\n    function handleCategoryVisibility(activeLink) {\n        const targetUl = activeLink.closest('.raku2_ts_level_2, .raku2_ts_level_1, .raku2_ts_level_0');\n        openParentsRecursively(targetUl);\n    }\n\n    \/\/ 指定したカテゴリを開く\n    function openCategory(categoryElement) {\n        if (categoryElement) {\n\n            if (categoryElement.classList.contains('raku2_ts_level_1')) {\n                let totalHeight = categoryElement.scrollHeight;\n\n                const childLevels = categoryElement.querySelectorAll('.raku2_ts_level_2');\n                childLevels.forEach(child => {\n                    totalHeight += child.scrollHeight;\n                });\n\n                categoryElement.style.maxHeight = `${totalHeight}px`;\n            } else if (categoryElement.classList.contains('raku2_ts_level_2')) {\n                categoryElement.style.maxHeight = `${categoryElement.scrollHeight}px`;\n            }\n            categoryElement.classList.add('visible');\n\n            updateToggle(categoryElement);\n        }\n    }\n    \/\/ トグルの表示を更新\n    function updateToggle(categoryElement) {\n        const liElement = categoryElement.closest('li');\n        if (liElement) {\n            const toggleElement = liElement.querySelector('.raku2_ts_toggle');\n            if (toggleElement) {\n                const isVisible = categoryElement.classList.contains('visible');\n                toggleElement.textContent = isVisible ? '−' : '+';\n            }\n        }\n    }\n<\/script><\/code><\/pre>\n<\/div><\/details>\n<\/div>\n<\/div><\/div>\n\n\n\n
STEP<\/span><\/div>
カテゴリーページのURL設定<\/div><\/div>
\n
基本設定 ＞ カートシステム設定<\/span>＞［URL設定］タブにある、「URLタイプ」の一番下をチェックしてください。
カテゴリをクリックしたときの遷移先に関わる設定となりますので、必ずご対応ください。<\/strong><\/mark><\/p>\n\n\n\n
\"\"<\/figure>\n<\/div><\/div>\n\n\n\n
STEP<\/span><\/div>
新規ブロックのCSS編集<\/div><\/div>
\n
スタイル調整を行う際は、デザイン(PC\/SP) ＞ スタイルシート設定<\/span>の「import.css」等に以下のCSSを追加して編集してください。
※もともと記載されている記述は削除しないでください。<\/mark><\/strong><\/p>\n\n\n\n
\n
コードを見る(コピー＆ペーストでご利用ください)<\/span><\/span><\/summary>
\n
    #raku2_ts_area h2 {\n        background-color: transparent;\n        color: var(--main-color);\n        font-size: 140%;\n        font-weight: 600;\n        text-align: left;\n        padding: 10px;\n        margin: 0;\n        border: none;\n    }\n\n    .raku2_ts .raku2_ts_level_0 {\n        list-style-type: none;\n        padding: 0;\n        margin: 0;\n        width: 218px;\n        background-color: white;\n    }\n\n    .raku2_ts li {\n        word-wrap: break-word;\n    }\n\n    .raku2_ts .raku2_ts_level_0>li {\n        padding: 10px;\n        cursor: pointer;\n        font-weight: bold;\n        position: relative;\n    }\n\n    .raku2_ts .raku2_ts_level_1>li {\n        font-weight: bold;\n        cursor: pointer;\n        position: relative;\n        padding-bottom: 5px;\n    }\n\n    .raku2_ts .raku2_ts_level_1 .raku2_ts_li_1_first {\n        padding-top: 15px;\n    }\n\n    .raku2_ts .raku2_ts_level_2>li {\n        font-weight: normal;\n        padding-bottom: 5px;\n    }\n\n    .raku2_ts .toggle {\n        float: right;\n        font-weight: bold;\n        cursor: default;\n    }\n\n    .raku2_ts .raku2_ts_level_1>li .toggle {\n        float: none;\n        position: absolute;\n        right: 10px;\n        color: #888;\n        font-weight: bold;\n    }\n\n    .raku2_ts .raku2_ts_level_1 {\n        list-style-type: none;\n        background-color: #f0ebe5;\n        padding-left: 10px;\n        margin: 0;\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.3s ease-out;\n    }\n\n    .raku2_ts .raku2_ts_level_1.visible {\n        max-height: 9999px;\n    }\n\n    .raku2_ts .raku2_ts_level_2 {\n        list-style-type: none;\n        background-color: #f0ebe5;\n        padding-left: 20px;\n        margin: 0;\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.3s ease-out;\n    }\n\n    .raku2_ts .raku2_ts_level_2.visible {\n        max-height: 9999px;\n    }\n<\/code><\/pre>\n<\/div><\/details>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
旧デザインをご利用の方向け<\/h3>\n\n\n\n
（例）左ﾅﾋﾞｹﾞｰｼｮﾝに「カテゴリ」「商品検索」ブロックを配置した場合<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
（例）左ﾅﾋﾞｹﾞｰｼｮﾝに「カテゴリ」「商品検索」ブロックを配置した場合<\/p>\n\n\n\n
ブロックの配置は、デザイン(PC\/SP) ＞ 高度な設定 ＞ レイアウト設定<\/span> にてご確認いただけます。<\/p>\n\n\n\n
「カテゴリ」ブロックには、以下の2点を満たす「カテゴリ」（第1階層）のみ表示されます。
・「表示・非表示」設定が「表示する」
・出品商品に「カテゴリ」が登録されている<\/p>\n\n\n\n
出品商品へのカテゴリの紐付けは、
出品＞出品商品登録＞「基本情報」タブ＞商品登録設定<\/a>にて「商品カテゴリ」より行えます。<\/p>\n\n\n\n
第2階層以下は「商品検索」ブロックの「商品カテゴリから選ぶ」に表示されます。<\/p>\n\n\n\n
補足情報<\/h2>\n\n\n\n
 <\/span>[商品リスト]タブの表示について<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
商品表示順序の優先度が高い順（商品表示順序が同じ場合には商品IDの昇順）で表示されます。<\/p>\n","protected":false},"excerpt":{"rendered":"
概要 出品商品のカテゴリー登録や、登録済カテゴリーの確認・変更を行う画面です。 カテゴリ登録の手順 手動で新規登録 子カテゴリの新規登録 管理画面から子カテゴリを登録する手順を紹介します。 CSVで新規登録 CSVデータ・・・<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[27,2],"tags":[],"class_list":{"0":"post-1046","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-listing","7":"category-item"},"views":2754,"_links":{"self":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts\/1046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/comments?post=1046"}],"version-history":[{"count":67,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts\/1046\/revisions"}],"predecessor-version":[{"id":47070,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts\/1046\/revisions\/47070"}],"wp:attachment":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/media?parent=1046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/categories?post=1046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/tags?post=1046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}