• 文字サイズ


解決済

3か所まとめてラベルの作り方

  • 相談者:非公開
  • 2022/08/31 10:35
いつもお世話様になります。
3ヶ所まとめてラベルの貼り方でお聞きします。
以前はカテゴリページだけの1か所の貼り方を教わりましたが、
今回スーパーセールで3か所に貼りたいと思います。
カテゴリページの時は、下記の通り張り付けました。
商品はとりあえず4商品となっています。

@charset "UTF-8";

/* カテゴリページ内商品画像にラベルをつける */
div#risFil table tr:nth-child(odd) a {
display: inline-block !important;
position: relative !important;
}
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2015-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2016-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3338-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3337-r/"]:after,

for_supersale {
content: "スーパーSALE対象"; /*ラベル内の文言*/
color: #fff;
background: #bf0000;
font-size: 20px;
font-family: メイリオ;
letter-spacing: 0;
display: inline-block;
padding: 2px;
position: absolute;
top: 0;
left: 0;
}
div#risFil .risfClfx a:after {
content: none !important;
}

3ヶ所の場合のテンプレートが下記の様ですが、4商品の下記の分は
何処に挿入すればよいですか。また、ソースはこのままでよいですか。

div#risFil table tr:nth-child(odd) a[href$="ss_rs-2015-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2016-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3338-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3337-r/"]:after,

又、1ヶ所の時は<style type="text/css">が要らなくて@charset "UTF-8";に
変更してましたが3ヶ所の場合はどうなるのでしょうか。


3箇所まとめてラベルをつける

<style type="text/css">
/* カテゴリページ・レコメンド内・商品画像にラベルをつける */
div#risFil table tr:nth-child(odd) a,.shape-square--119Zf .content--3-LeZ,a.rakutenLimitedId_ImageMain1-3:first-of-type {
display: inline-block !important;
position: relative !important;
}
div#risFil table tr:nth-child(odd) a:after,.shape-square--119Zf .content--3-LeZ:after,a.rakutenLimitedId_ImageMain1-3:first-of-type:after {
content: "スーパーSALE対象"; /*ラベル内の文言*/
color: #fff;
background: #bf0000;
font-size: 10px;
font-family: メイリオ;
letter-spacing: 0;
display: inline-block;
padding: 2px;
position: absolute;
top: 0;
left: 0;
line-height:1em;
}
div#risFil .risfClfx a:after {
content: none !important;
}
</style>

お忙しいのに申し訳ございませんがよろしくお願い致します。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!

  • 返信者:非公開
  • 2022/08/31 14:18
ECマスターズの田中美帆です。

いただいたご質問ですが、確認しておりますので、
恐れ入りますが、ご回答まで今しばらく
お待ちいただきますようお願いいた………(省略)………
  • 返信者:非公開
  • 2022/08/31 17:29
ECマスターズの田中美帆です。

> 3ヶ所の場合のテンプレートが下記の様ですが、4商品の下記の分は
> 何処に挿入すればよいですか。また、ソースはこのま………(省略)………
  • 返信者:非公開(質問者)
  • 2022/09/01 09:51
お世話様になります。
CSSが全く分からないので大変助かります。
丁寧に教えて頂き有難う御座いました。………(省略)………