• 文字サイズ


解決済

スマホでの項目選択肢別画像の表示について

  • 相談者:非公開
  • 2019/08/07 11:13
いつもお世話になっています。
こちら(https://forum.ec-masters.net/post_view.php?id=8507)の質問を参考に

PC用商品説明文に

<style type="text/css">
<!--
/* 選択肢名前に画像出す - 横軸専用
---------------------------------- */
#rakutenLimitedId_aroundCart tr tr tr:first-child .inventory_choice_name span:before {
content: "";
display: block;
width: 100px; /*画像の幅*/
height: 100px; /*画像の高さ*/
background-size: 100px; /*画像の幅*/
margin-bottom: 4px;
}

/* 1項目目 */
#rakutenLimitedId_aroundCart .inventory_choice_name:nth-child(2) span:before {
background-image:url("https://image.rakuten.co.jp/SHOP-URL/cabinet/05645434/200-450.jpg");
}

-->
</style>

上記記載してPCでの表示はうまくできました→(https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/

しかしスマホでの表示ができません。
スマホ用に別に記述しなければならないのでしょうか?

HTML等詳しくないのでスマホ表示について詳しく教えていただけないでしょうか?

宜しくお願い致します。
キーワード:スマホ項目選択肢別画像
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2019/08/07 14:51
ECマスターズの伊藤です。

> しかしスマホでの表示ができません。
> スマホ用に別に記述しなければならないのでしょうか?

PCとスマホでは、表示………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/07 16:22
お世話になります。
返信ありがとうございます。

画像URLを入れた下記記述を【スマートフォン用商品説明文】に入れればいいのでしょうか?

@char………(省略)………
  • 返信者:非公開
  • 2019/08/07 16:44
ECマスターズの伊藤です。


> 画像URLを入れた下記記述を【スマートフォン用商品説明文】に入れればいいのでしょうか?

失礼いたしました、ご案内………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/08 11:38
何度も申し訳ありません。
下記を【スマートフォン用商品説明文】に入れると【「<」「>」の数が一致していません。】と出て更新できません。

<style =………(省略)………
  • 返信者:非公開
  • 2019/08/08 12:08
ECマスターズの伊藤です。

大変失礼いたしました。
下記に変更して、再度更新をお試しいただけますでしょうか。

<style ="">
/* 1………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/08 14:19
度々すみません。

今度は【HTMLタグ "*/ body"に使用不可能な文字 "/"が使用されています。】と出て更新できません。………(省略)………
  • 返信者:非公開
  • 2019/08/08 14:40
ECマスターズの伊藤です。

お手数おかけしてしまい、申し訳ございません。
下記内容にて、再度更新いただけますでしょうか。

<style =""> ………(省略)………