• 文字サイズ


解決済

【楽天】スマホページのファーストビューに設置したバナーについて

  • 相談者:非公開
  • 2019/03/13 20:53
お世話になっております。

デザインレシピにて記載されております
「スマホページのファーストビューにバナーを設置する方法」を参考にさせていただき、
手順通りにスライドバナーを設置いたしました。
(ECステーションツールボックスを使用しております)
無事に設置はできたのですが、
中央揃えの方法を同ページに記載されております通り
<iframe>を<center>と</center>で囲んだのですが
中央揃えになりません。

何が原因になっているのでしょうか?
ご教示いただけますと幸いです。
よろしくお願い致します。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2019/03/14 11:26
ECマスターズの田中です。

スマイルさんのショップのスマートフォン用ページを確認したところ、
現在は<center>タグが記載されておりませんでしたので………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/14 11:37
ご返信いただきありがとうございます。

今一度ご確認なのですが、<center>タグは
楽天RMS > デザイン設定 > スマホ用デザイン設定 > スマホ………(省略)………
  • 返信者:非公開
  • 2019/03/14 19:38
ECマスターズの田中です。

失礼しました、確かに<center></center>が記載されていることを
確認いたしました。

中央揃えがされないの………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/15 11:26
ご返信いただきありがとうございます。

各タグをご教示いただきました通り修正したところ、
無事中央揃えになりました。
誠にありがとうございました。
………(省略)………
  • 返信者:非公開
  • 2019/03/15 20:18
ECマスターズの田中です。

私にて動作を確認したところ、
確かに、iPhoneにて動画を再生することができませんでした。

スライダーは問題なく動作………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/18 12:02
ご返信いただきましてありがとうございます。

動画の方ご確認いただきありがとうございました。

> 直接動画ファイルのURLを閲覧してもやはり再生できな………(省略)………
  • 返信者:非公開
  • 2019/03/18 18:21
ECマスターズの田中です。

設定を共有していただき、ありがとうございました。

調査を進めていたところ、
ダウンロードした動画ファイルをそのままAi………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/18 19:55
ご返信いただきましてありがとうございます。

楽天GOLDにアップロードすることによって
iPhone上で再生できなくなっているということなんですね。
………(省略)………
  • 返信者:非公開
  • 2019/03/18 20:39
ECマスターズの田中です。

テストページをお知らせいただき、
ありがとうございました。

確かに、私よりご案内差し上げた通りご設置いただいております………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/19 12:51
ご返信いただきましてありがとうございます。

Slider Proとの併用が難しいということなんですね。
ご確認いただきありがとうございました。

ま………(省略)………
  • 返信者:非公開
  • 2019/03/19 18:11
ECマスターズの伊藤です。


ご質問頂いておりました、Swiperの「サムネイル付きカルーセル表示」のHTMLソースですが、基本的なコードは下記の通りと………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/20 14:29
ご返信いただきましてありがとうございます。

ご教示いただきましたHTMLソースで試し、
自分なりに調整しながらやってみております。
教えていただきあり………(省略)………
  • 返信者:非公開
  • 2019/03/20 16:01
ECマスターズの伊藤です。


修正ご対応ありがとうございます。

>サムネイル画像を並べて表示したい時
ですが、先日、回答させていただきました
………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/20 20:20
ご返信いただきましてありがとうございます。

サムネイルは表示されているんですが、
添付させていただいた画像の赤枠の部分のような表示になりません。
今の………(省略)………
  • 返信者:非公開
  • 2019/03/20 21:06
ECマスターズの伊藤です。

>今のままのHTMLソースで表現させるのは可能なのでしょうか?

動きに問題がなければ、レイアウトはCSSで変更可能となっ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/22 17:48
ご返信いただきましてありがとうございます。

編集中のHTML内に、教えていただいたソースコードを追加したところ
前回よりイメージに近いものになりました。………(省略)………
  • 返信者:非公開
  • 2019/03/22 20:46
ECマスターズの田中です。

> 外部リンクの件で、読み込ませたcssとjsファイルのURLを変更し
> HTMLもGOLDにアップした上でテストページを………(省略)………
  • 返信者:非公開
  • 2019/03/22 20:52
ECマスターズの田中です。

テストページで、もう1点修正していただきたい点がございます。
末尾<script>タグの直上にある、

<script ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/25 15:37
ご返信いただきましてありがとうございます。

> GOLDに保存していただいたSwiperのバージョンが
> 3.4.1よりも新しいもの(4.5.0)とな………(省略)………
  • 返信者:非公開
  • 2019/03/25 20:26
ECマスターズの田中です。

> ですが、確かに</body>が重複しておりましたので、そちらは削除いたしました。
> 上記1行はまだ入っていますでしょう………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/26 12:21
ご返信いただきましてありがとうございます。

無事削除されていたようで良かったです。
確認していただきありがとうございました。

また、動画のレスポン………(省略)………
このフォーラムへの質問は終了しました