ヤフー　商品ページについて

Question

楽天のhttps://www.rakuten.ne.jp/gold/ショップURL/wig-002/
のようにCSSを読み込んでヤフーも商品ページに反映させたいのですが
やり方がわかりません

CSSは　　https://www.rakuten.ne.jp/gold/ショップURL/css/style.css
の後ろに商品ページの情報としていれています

Answer

ECマスターズの田中です。

＞CSSは　　https://www.rakuten.ne.jp/gold/ショップURL/css/style.css
＞の後ろに商品ページの情報としていれています

上記URLですが、正しくは
https://shopping.geocities.jp/ショップURL/css/style.css
である、ということでよろしいでしょうか。

りえさんのYahoo!ショッピングの商品ページを１点確認したところ、
サイドナビのフリースペースにて、すでに

という記述がされており、
問題なく反映がされておりました。

1点、style.cssの先頭に
@charset "UTF-8";
と記載されているのですが、実際はシフトJISで保存されており、
結果として読み込み時に日本語が文字化けを起こし、
日本語の指定（フォントの種類の指定）が正常に行われておりませんので、
@charset "Shift_JIS";
と、正しい文字コードにご変更ください。

それ以外の部分で反映されていない箇所がございましたら、
既存の規則より優先度が低いために反映されていない可能性がございます。
詳しい原因は、個別に確認させていただく必要がございますので、
具体的に、どの部分をどのようにしたいのに適用されていないか、
お知らせいただけますでしょうか。

Answer

楽天の商品　wig-002 　のPC用販売説明文の一番はじめにある‥‥‥‥のように
https://shopping.geocities.jp/ショップURL/css/style.cssですが
同じようにヤフーの商品ページにいれてもエラーになりますが
　どのようにしたら同じように商品ページを反映できますか？

Answer

ECマスターズの田中です。

りえさんのYahoo!ショッピングの商品ページには、すでに
https://shopping.geocities.jp/ショップURL/css/style.css
のスタイルシートが反映されておりますので、

たとえば
‥‥‥‥
を、商品説明の中に記入していただければ
問題なく反映されるはずなのですが、

実際にどのようなエラーが発生するか、
‥‥‥‥とは関係のない部分にエラーの原因がないか、
ご確認いただけますでしょうか。

‥‥‥‥以外の部分で、
https://store-info.yahoo.co.jp/s/shopping/toolmanual/first/c/008.html
上記「使用可能HTMLタグ一覧」に含まれていないタグが記入されていると、
使用禁止タグを使ったとしてエラーになる可能性がございます。

ヤフー 商品ページについて

ヤフー　商品ページについて