「期間限定」アイコンを非表示にするには?
ショップの商品一覧画面のリスト表示で、「期間限定」アイコンを非表示にするにはどうすれば良いですか?
よろしくお願いいたします。
商品一覧に表示される期間限定アイコンを非表示にする方法は、以下の通りです。
店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ
>design.css
先程、追加した以下の要素のみを削除して下さい。
.item_detail .item_icon_block .handling_icon{
display: none;
}
削除した場所に以下を追加し、保存して下さい。
.related_item_list .related_item_catalog .item_icon_block .handling_icon,
.item_catalog .item_icon_block .handling_icon, .item_list .item_large_info_block .item_icon_block .handling_icon, .item_detail .item_icon_block .handling_icon{
display: none;
}
以上で商品一覧画面にあるアイコンも非表示となります。
商品詳細ページの「販売期間」を非表示にする方法も案内します。
店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ
>design.css
スタイルシート編集画面にて以下の要素に、
「display: none;」を追加し、保存して下さい。
.item_detail .item_textinfo_block .item_handling, /* 商品詳細 期間限定: */
.item_detail .after_handling{ /* 商品詳細 販売期間終了: */
margin: 10px 0 10px 0px;
padding: 5px 15px 5px 0;
background: #F8E4CE;
border-radius: 4px;
text-align: center;
display: none; 【←この行を追加】
}
また、「期間限定」アイコンを非表示にする場合は、
以下の要素を追加し、保存して下さい。
(追加する場所は、上記要素のあとに記載して下さい)
.item_detail .item_icon_block .handling_icon{
display: none;
}