- 文字サイズ変更
- 小
- 中
- 大
解決済
スマホでの項目選択肢別画像の表示について
- 相談者：非公開
- 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等詳しくないのでスマホ表示について詳しく教えていただけないでしょうか？
宜しくお願い致します。
こちら（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等詳しくないのでスマホ表示について詳しく教えていただけないでしょうか？
宜しくお願い致します。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/08/07 14:51
ECマスターズの伊藤です。
> しかしスマホでの表示ができません。
> スマホ用に別に記述しなければならないのでしょうか？
PCとスマホでは、表示………（省略）………
> しかしスマホでの表示ができません。
> スマホ用に別に記述しなければならないのでしょうか？
PCとスマホでは、表示………（省略）………
- 返信者：非公開（質問者）
- 2019/08/07 16:22
お世話になります。
返信ありがとうございます。
画像URLを入れた下記記述を【スマートフォン用商品説明文】に入れればいいのでしょうか？
@char………（省略）………
返信ありがとうございます。
画像URLを入れた下記記述を【スマートフォン用商品説明文】に入れればいいのでしょうか？
@char………（省略）………
- 返信者：非公開
- 2019/08/07 16:44
ECマスターズの伊藤です。
> 画像URLを入れた下記記述を【スマートフォン用商品説明文】に入れればいいのでしょうか？
失礼いたしました、ご案内………（省略）………
> 画像URLを入れた下記記述を【スマートフォン用商品説明文】に入れればいいのでしょうか？
失礼いたしました、ご案内………（省略）………
- 返信者：非公開（質問者）
- 2019/08/08 11:38
何度も申し訳ありません。
下記を【スマートフォン用商品説明文】に入れると【「<」「>」の数が一致していません。】と出て更新できません。
<style =………（省略）………
下記を【スマートフォン用商品説明文】に入れると【「<」「>」の数が一致していません。】と出て更新できません。
<style =………（省略）………
- 返信者：非公開
- 2019/08/08 12:08
ECマスターズの伊藤です。
大変失礼いたしました。
下記に変更して、再度更新をお試しいただけますでしょうか。
<style ="">
/* 1………（省略）………
大変失礼いたしました。
下記に変更して、再度更新をお試しいただけますでしょうか。
<style ="">
/* 1………（省略）………
- 返信者：非公開（質問者）
- 2019/08/08 14:19
度々すみません。
今度は【HTMLタグ "*/ body"に使用不可能な文字 "/"が使用されています。】と出て更新できません。………（省略）………
今度は【HTMLタグ "*/ body"に使用不可能な文字 "/"が使用されています。】と出て更新できません。………（省略）………
- 返信者：非公開
- 2019/08/08 14:40
ECマスターズの伊藤です。
お手数おかけしてしまい、申し訳ございません。
下記内容にて、再度更新いただけますでしょうか。
<style =""> ………（省略）………
お手数おかけしてしまい、申し訳ございません。
下記内容にて、再度更新いただけますでしょうか。
<style =""> ………（省略）………
このフォーラムへの質問は終了しました
質問を検索する