【クリエイターモード】テンプレートCompleteで、商品詳細ページ以外では「カートに入れる」ボタンを削除したいです。方法を教えてください。

2025年02月20日 01:16
更新

◆CSSで非表示にする場合

CSSで非表示に指定することで、一括で画面上に見えなくすることができます。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通

「CSS」欄

初期値では746行目

.item-list-btn {
  width: 100%;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  padding: 8px 0;
  font-weight: bold;
  font-size: 13px;
}

こちらの

display: inline-block;

を

display: none;

に変更し、保存してください。

変更後：

.item-list-btn {
  width: 100%;
  display: none;
  text-align: center;
  border-radius: 3px;
  padding: 8px 0;
  font-weight: bold;
  font-size: 13px;
}

ボタンを非表示にしますので、display: none;　以外の行をすべて削除しても問題ありません。

◆完全に削除する場合

非表示ではなく、ソース上からも完全にボタンを消す場合は、それぞれの商品リストから

「カートに入れる」ボタンのソースを削除してください。

新商品

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「新商品」モジュールID：$module.new

初期値では29行目～

<{else}>
   <a href="<{$new_item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

おすすめ商品

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「おすすめ商品」モジュールID：$module.recommend

初期値では37行目～

<{else}>
   <a href="<{$recommend_item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

スペシャル商品

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「スペシャル商品」モジュールID：$module.special

初期値では37行目～

<{else}>
   <a href="<{$special_item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

ランキング

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「ランキング」モジュールID：$module.ranking

初期値では42行目～

<{else}>
	<a href="<{$ranking_item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

商品グループ

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「商品グループ」モジュールID：$module.group

初期値では41行目～

<{else}>
    <a href="<{$item.group.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

最近チェックした商品

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「最近チェックした商品」モジュールID：$module.checked

初期値では31行目～

<{else}>
	<a href="<{$recently_item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

カテゴリーページ

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品カテゴリー

「HTML」欄

初期値では88行目～

<{else}>
　　<a href="<{$category.recommend_item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

および、158行目～

<{else}>
    <a href="<{$category.item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

商品検索結果ページ

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品検索結果

「HTML」欄

初期値では97行目～

<{else}>
	<a href="<{$search.item.list[i].cart_entry_url}>" class="item-list-btn add-list-cart cart-order-btn">カートに入れる</a>

を削除し、保存してください。

CSS

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通

「CSS」欄

初期値では746行目～

.item-list-btn {
  width: 100%;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  padding: 8px 0;
  font-weight: bold;
  font-size: 13px;
}

を削除し、保存してください。