【クリエイターモード】テンプレートPulsefitの商品リストで商品コードなどを非表示にしたいです。方法を教えてください。 – makeshop よくある質問

テンプレート【Pulsefit】の商品リストでは、商品名や価格のほか、システム商品コードや独自商品コードなどの詳細な情報が表示されています。

表示させたくない項目の変数タグをHTMLから削除することで、商品リストから消すことができます。

HTMLの編集が難しい場合は、商品情報の項目それぞれついているクラス名を指定して、CSSで非表示にしてください。
※ソース上には記述が残ります。

＜手順＞

編集する前にデザインセットのコピーボタンをクリックしてバックアップを保管し、元の状態に戻せるように準備したうえで作業をおこなってください。

※すでにデザインセットが5個以上ある場合は以下を参照してください。
■よくある質問
【クリエイターモード】デザインセットが5個以上あるとコピーできません。バックアップを取る方法を教えてください。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通(または適用したいページ内)
「CSS」欄の末尾に、
非表示にしたい各クラス名を指定の上、 display:none!important; を記述してください。

class名	項目名
.item-list-category	カテゴリー名
.item-list-name	商品名
.item-list-description	商品説明
.review-summary-container, .ukomistarRatingSummarySection	レビュー
.item-list-system-code	システム商品コード
.item-list-original-code	独自商品コード
.item-list-manufacturer	製造元
.item-list-special	商品別特殊表示
.item-list-country	原産地
.item-list-point	ポイント
.item-list-price	価格
.item-list-cart	カートに入れるボタン

＜追記例＞

/* 商品リスト システム商品コード・独自商品コード・製造元・原産地を非表示 */
.item-list-system-code,
.item-list-original-code,
.item-list-manufacturer,
.item-list-country{
  display:none!important;
}

複数のクラス名を指定する場合は、半角カンマ（,）で区切って記述してください。
最後のクラス名の後にはカンマを付けないでください。

＜表示例＞