• 文字サイズ


解決済

カラーミー スマホにスライダー設置方法

  • 相談者:非公開
  • 2017/04/07 14:04
いつもお世話になります。
カラーミー、商品ページにてスライド表示をさせていますが、(スライド表示ページはひとつの見本として知り合いに作ってもらいました)
スマホではスライドせず、その画像が縦並びで表示されてしまします。

どのように何をすればスマホでスライドするようになるのでしょうか。


PCページにて設置しているのは

<!-- jquery スライドショー ここから-->
<div class="flexslider">
<ul class="slides">
<li data-thumb="商品画像URL①">
<img src="商品画像URL①">
</li>
<li data-thumb="商品画像URL②">
<img src="商品画像URL②">
</li>
      ・
      ・
      ・
</ul>
</div>
<!-- jquery スライドショー ここまで-->



検索で、楽天でのスマホスライダー設置については下記を見つけましたが、HTMLダグなどにあまり詳しくなく、分かりません。
https://forum.ec-masters.net/post_view.php?id=4515&word[]=%E3%82%B9%E3%83%9E%E3%83%9B&word[]=%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC

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

  • 返信者:非公開
  • 2017/04/07 14:12
ECマスターズの田中です。

商品ページにて実際にスライド表示されている様子、および縦並びになる様子を
確認させていただく必要がありますので、
設置した………(省略)………
  • 返信者:非公開(質問者)
  • 2017/04/08 16:29
URLですが、?pid以降をご連絡させていただきます。
?pid=88096005


昨日、カラーミーに問い合わせをしており、先ほど、カラーミーの方か………(省略)………
  • 返信者:非公開
  • 2017/04/09 13:12
ECマスターズの田中です。

スマートフォン用ページを確認したところ、
スライダーの動作に必要な、下記のHTMLタグが無いようです。

= この下の行………(省略)………
  • 返信者:非公開(質問者)
  • 2017/04/09 15:22
いつもお世話になります。
休日ですのに、ご返信ありがとうございます、助かります。

挿入場所は分かりました、設置しましたところ、スライダーの画像がすべて見………(省略)………
  • 返信者:非公開
  • 2017/04/10 01:04
ECマスターズの田中です。

改めて確認したところ、
先述のタグより前に読み込んでおく必要があるjQueryファイルが、
<head>タグ内ではなく<b………(省略)………
  • 返信者:非公開(質問者)
  • 2017/04/10 10:11
お世話になります。

試してみましたが、画像は表示されません。
………(省略)………
  • 返信者:非公開
  • 2017/04/10 10:26
ECマスターズの田中です。

確認したところ、
<body>に入っている「jquery-1.7.2.min.js」を読み込むタグが原因で、
jQuery………(省略)………
  • 返信者:非公開(質問者)
  • 2017/04/10 10:46
お世話になります。

無事表示されました、ありがとうございました。

………(省略)………