ヤフーショッピングカスタマイズ

ヤフーショッピングカスタマイズ

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表示時でスタイルを分ければいいかと思い試しました。

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP