スマホ用商品説明文に商品バナーを掲載

Question

お世話になります。
件名の通り、スマホ用商品説明文に
特定の商品バナーをリンク付で掲載したいと考えています。

バナーは商品説明文最上部に6個配置、下記の並びにて。

□　□　□
□　□　□
説明文はじまり・・・


この場合のhtmlを教えて下さい。

ただし、スマホでこの配置では見にくいかな？とも思っています。

特定の商品6種類を必ず目に留まるようにしたいと考えているのですが
何か他にもアイディアはありますでしょうか？

お手数ですがご教示下さい。

Answer

ECマスターズの田辺です。

＞htmlを教えて下さい。


をつかってHTMLを組むことはできますが、

HTMLの専門知識が少ない方向けに、
RMS Service Squareにて提供されているSketchPage(スケッチページ)
という無料ソフトをご利用いただくとHTMLの専門知識がなくても
パズル感覚でHTMLページを作成いただけます。

RMSメインメニュー > 7.拡張サービス一覧 > RMS Service Square > 申込
にて詳細のご確認・利用申請いただけますので、
まずは一度お試しいただいてみてはいかがでしょうか。

[SketchPage] 目次
https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=navi/service/08_menu017.html&s=&param2=0

もし、arauzoさん自身でHTMLを書きたい場合には
またその旨をご教示くださいませ。


＞ただし、スマホでこの配置では見にくいかな？とも思っています。
＞特定の商品6種類を必ず目に留まるようにしたいと考えているのですが
＞何か他にもアイディアはありますでしょうか？

arauzoさんのおっしゃるとおり、
上記の配置ですとスマホ画面では小さくなりすぎてしまう可能性がございます。

スマホは縦長画面になりますので、

横幅50%
縦幅100px前後で

■　■
■　■
■　■

のように並べていただいた方が
見やすく表示されるかと思います。

こちらに関しては正解はございませんので、
ライバルショップと比較しながら
色々とお試しくださいませ。

Answer

田辺様

返信ありがとうございます。

htmlは詳しい担当者がいるのですが
本人の業務が忙しそうなので簡単な事なら自分でやろうと思った次第です。

もしよければ田辺さんのアドバイスを元に

□　□
□　□
□　□

この形で配置させようと思うので
コードを教えて下さい。

微調整があればこちらの担当に最終的に確認してもらいます。

どうぞよろしくお願いします、

Answer

ECマスターズの田辺です。

状況を教えていただきありがとうございます。
承知いたしました。
ご参考までにHTMLでの枠組み例をお伝えいたします。

＝この下から＝＝＝＝＝＝＝＝
































＝この上まで＝＝＝＝＝＝＝＝

※リンク先URLと画像URLは実際のURLに書き換えてご使用ください。

Answer

ありがとうございます。

丁寧にありがとうございました。
こちらのコードを手を加えて貼りつけます。

また何かありましたらよろしくお願いします。