商品ページにラベルの貼り付け方

Question

お世話様になります。
ラベルの張り方でテンプレートを見ました、

特定の商品ページにある商品画像のみに表示させる場合には
「4：お買い物かごボタン横1番上の商品画像にラベルをつける」を
PC用商品説明文に貼り付けてください。
上記のようにありましたものなので、
「4：お買い物かごボタン横1番上の商品画像にラベルをつける」の下のソースを
商品ページのPC用商品説明文に貼り付けましたが張り付かないのですが
どこか間違っているのでしょうか？
よろしくお願いします。###HR######IMG04a0f3c172f76440c70a6f84ac53c93fd.pngIMG0###

Answer

ECマスターズの中村です。

>上記のようにありましたものなので、
>「4：お買い物かごボタン横1番上の商品画像にラベルをつける」の下のソースを
>商品ページのPC用商品説明文に貼り付けましたが張り付かないのですが
>どこか間違っているのでしょうか？

デザインレシピをご活用いただき
ありがとうございます。

弊社環境にて確認いたしましたところ、
現在の楽天市場の仕様変更により、
当該ソースが動作しない状況となっております。

お手数をおかけいたしますが、
下記のソースをお試しいただけますと幸いです。

ーーー


/* 通常時：サムネイル */
div[aria-label^="image-button-0"] div[class*="image-wrapper"] {
position: relative !important;
display: inline-block !important;
}

div[aria-label^="image-button-0"] div[class*="image-wrapper"]::after {
content: "スーパーSALE対象";
position: absolute;
top: 0;
left: 0;
background: #bf0000;
color: #fff;
font-size: 10px;
font-family: メイリオ, sans-serif;
padding: 2px 4px;
z-index: 2;
}

/* 拡大モーダル時：メイン画像のみ */
div[class*="spacer"] > div[style*="max-width: 760px"] div[class*="image-wrapper"] {
position: relative !important;
}

div[class*="spacer"] > div[style*="max-width: 760px"] div[class*="image-wrapper"]::after {
content: "スーパーSALE対象";
position: absolute;
top: 0;
left: 0;
background: #bf0000;
color: #fff;
font-size: 14px;
font-family: メイリオ, sans-serif;
padding: 4px 8px;
z-index: 9999;
}

Answer

出来ました。ありがとうございました。
今後も宜しくお願いします。