ヤフーショッピングカスタマイズ
youtube動画を掲載する方法(実際にはリンクみたいなもの)
トリプル契約していて、スマホにもCSSを適用させたい場合、
商品編集画面の、追加情報タブ⇒PC用フリースペースにで外部CSSを読み込むコードを入れて、
そのあとに、テーブルや、その他のHTMLを入れると、基本情報タブの商品説明(PCのみ)にいれたのと同じようにPCでCSSが効いた状態で表示される
さらに、スマホ用フリースペースに何も入れていない場合、PC用フリースペースに入れてあるものがスマホでも表示される(CSSも効いている、ただし完全にCSS対応しているかと言えば微妙)
※基本情報タブの、商品説明(PCのみ)に入れた場合は、「もっと見る」になるが、PC用フリースペースに入れると、「すべて見る」になる。
https://forum.ec-masters.net/post_view.php?id=14089
YAHOOのフリースペースについてご教授いただければありがたいです。
PC用フリースペースとスマホ用フリースペースがありますよね。PC用フリースペースは外部CSS可能
スマホ用フリースペースはインライン(style=”~”)のみ可能PC用フリースペースが入力されておりスマホ用フリースペースが入力されていない時、
スマホ商品ページの「商品情報をもっと見る」が「詳しく見る」になり、
スマホ用商品ページの商品商材情報にPC用フリースペースが表示される仕様ということを知りました。いままで、スマホ用のフリースペースを入力していましたが、外部CSSで制御したかったので上記のスマホ用フリースペースに入力せず、PC用フリースペースのみ入力し外部CSSでメディアクエリを使って、スマホ表示時とPC表示時でスタイルを分ければいいかと思い試しました。
関連記事はこちら!
スポンサーリンク
タグ:ヤフーショッピング