【クリエイターモード】テンプレート＆moreで、商品詳細ページにパンくずリストの表示はできますか。

パンくずリストを表示するための記述を追加すれば可能です。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細
「HTML」欄に、パンくずリストの記述を追加してください。

(1)商品詳細 「HTML」初期値だと37行目付近

<div class="main-contents">

の後方に、パンくずリストのソースを追記してください。

追記例）

<!-- ぱんくず -->
<{if $item.breadcrumb_list_group.has_item}>
<{section name=i loop=$item.breadcrumb_list_group.list}>
    <{if $item.breadcrumb_list_group.list[i].has_item}>
        <ul class="main-pankuzu-list">
        <li><span><a href="<{$url.top}>" class="a">ホーム</a></span></li>
        <{section name=j loop=$item.breadcrumb_list_group.list[i].list}>
            <li><span><a href="<{$item.breadcrumb_list_group.list[i].list[j].url}>" class="a"><{$item.breadcrumb_list_group.list[i].list[j].name}></a></span></li>
        <{/section}>
        </ul>
    <{/if}>
<{/section}>
<{/if}>
<hr class="main-category-title-hr">   

(2)「CSS」欄に以下を追記し、保存してください。

/*breadcrumb_list*/
.main-pankuzu-list {
  display: flex;
  font-size: 1rem;
  padding-left:1rem;
  align-items: center;
  flex-wrap: wrap;
}
.main-pankuzu-list li > span {
  white-space: nowrap;
}
.main-pankuzu-list li > span::after {
  content: ">";
  vertical-align: middle;
  margin: 0 0.75rem;
}
.main-pankuzu-list li:last-child > span::after {
  content: "";
}

■makeshopサポート

設定かんたん！商品詳細ページのパンくずを（全て表示か、一つ表示）に切り替える方法