[戻る]
No.936

「期間限定」アイコンを非表示にするには?

おたすけマイショップさん  投稿日:2014/07/23(Wed) 15:57
key

ショップの商品一覧画面のリスト表示で、「期間限定」アイコンを非表示にするにはどうすれば良いですか?

よろしくお願いいたします。

Re: 「期間限定」アイコンを非表示にするには?

おたすけマイショップさん  2014/07/29(Tue) 20:21 No.940
key

商品一覧に表示される期間限定アイコンを非表示にする方法は、以下の通りです。

 店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ
 >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;
}



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』