テンプレート【Baycross】初期値では下記のように、新商品やカテゴリーページなどの商品リストで
商品の細かな情報が表示されています。
表示させたくない項目の変数タグをHTMLから削除することで、商品リストからは消すことができます。
HTMLの編集が難しい場合は、商品情報の項目それぞれついているクラス名を指定して、CSSで非表示にしてください。
※ソース上には記述が残ります。
具体的には
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通(または適用したいページ内)
「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-category,
.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-cart{
display:none!important;
}
<表示例>
製造元、原産地を非表示の場合
<追記例>
/* 商品リスト
商品説明、システム商品コード、独自商品コード、
製造元、商品別特殊表示、原産地を非表示*/
.item-list-description,
.item-list-system-code,
.item-list-original-code,
.item-list-manufacturer,
.item-list-special,
.item-list-country{
display:none!important;
}
<表示例>


