楽天スマホについて

Question

sp/sp/sp-top_files.html

これをトップにいれたいです

sp/sp/sp_index.html

これではこわれてしまっています

どこがおかしいですか？

Answer

ECマスターズの塚本です。

連休中のため回答にお時間いただきますが、
後ほどお調べまして担当より回答させていただきます。

今しばらくお待ちくださいませ。

Answer

ECマスターズの田中です。

ご質問いただいた内容が断片的であるため、
正確にご回答差し上げるために一度ご確認いただきたいのですが、

現在、トップページとして使われている、
https://www.rakuten.ne.jp/gold/ショップURL/smp/sp/sp_index.html
もしくは（↓こちらはテスト用でしょうか）
https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_index.html
の中に、タグを利用して
https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp-top_files.html
を挿入しようとしたが、
何らかの表示の乱れが発生している、

という内容でよろしいでしょうか。

私にて確認したところ、
スライダーの画像自体は問題なく表示されておりましたが、
左右に移動するボタンがうまく表示できていないようです。

スライダー用の仕組みであるFlexSliderを導入された際に、
「fonts」フォルダがGOLDにアップロードされていないことが原因ですので、
他の「css」フォルダなどと同様に、「fonts」フォルダのアップロードをお願いします。

他に乱れている内容がございましたら、
再度ご返信いただけますでしょうか。
もし可能でしたら、スクリーンショットも添えていただければ幸いです。

Answer

https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_index.html
こちらでテストしています

スライダーだけ大きく反映されていますが
原因がわかりません

お願いします

Answer

ECマスターズの田中です。

「sp-top_files.html」のソースを確認したところ、
ブラウザで開いたページを「名前をつけて保存」して
HTMLファイルに記載されているようです。

本来はもっとシンプルなHTMLソースなのですが、
JavaScriptによって改変されたコードをそのまま
ファイルに記載されていることによって、
思わぬ誤作動が発生していると考えられます。

FlexSliderの使い方は
http://on-ze.com/archives/409
に記載されておりますので、ご参照の上、
HTMLファイルを一から作成していただけますでしょうか。

HTMLファイルは、大きな枠として






このように、
本文には表示しない、ページに関する情報を記載したタグと
本文の内容を表すタグの２つを
HTMLファイルであることを表すタグで囲む形が基本となりますが、

先述の解説ページにて、HTMLソースのうち
１つ目と３つ目は本文に表示しない内容のため〜の中に、
２つ目は実際に本文として表示する部分のため〜の中に
それぞれご記載いただく形となります。

Answer

初心者のhead内に移動してアップしたけどかわらないのです

教えてください

https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp-top_files.html

Answer

https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp-top_files2.html

これをやり直しました

そしてhttps://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_index3.html
これにテストとしていれてますが

やはりスマホでみると壊れています

すみませんが教えてください

Answer

ECマスターズの塚本です。

いただいたご質問の件ですが、
技術系担当の田中が休みのため回答にお時間いただきますが、
お調べまして後ほど田中より回答させていただきます。

回答まで今しばらくお待ちいただければと思います。

Answer

ECマスターズの田中です。

大変お待たせしてしまい、失礼いたしました。
改めてご返答させていただきます。

「sp-top_files2.html」のソースを確認したのですが、
「sp-top_files.html」のソースがほとんど残ってしまっておりました。

それでは、私にて、大まかなHTMLファイルの内容を作成したものを
ご案内いたしますので、
完成させた後、１つのHTMLファイルとして保存・アップロードしていただき、
埋め込みをお試しください。

= この下の行から ====================











$(window).load(function() {
$('.flexslider').flexslider();
});











（中略）






= この上の行まで ====================
※１つ目の画像URL、２つ目の画像URLは、実際のURLに置き換えてください。
※（中略）の部分は、

を、表示させたい画像の数だけ繰り返して記載してください。

Answer

教えて頂いたようにhttps://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp-top_files5.html

を変更して
https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_index.html
にいれると綺麗に反映しましたが

スライドbannerをクリックすると商品ページが壊れてしまいます

すみませんが教えてください

Answer

ECマスターズの田中です。

タグで埋めこんでのご利用であれば、
「リンクをクリックした時にページ全体で開く」
という指示を行う必要がありますので、

「sp-top_files5.html」の〜の間に、

と追記していただきますようお願いします。

Answer

「sp-top_files5.html」の〜の間に、


ここを修正しましたが横に数字がでてきています

https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_index.html
に埋め込んだら壊れてしまいました
それと/sp_index.html　の最後のかてごりーはhttpsにしないでhttpのままですか？

Answer

ECマスターズの田中です。

「sp-top_files5.html」のソースを確認したところ、

のすぐ下にある３つのタグに書かれたURLに
追記が行われてしまい、
結果として正しいURLでなくなってしまい、
見た目を指定するスタイルシートが読み込めなくなった結果、
横に数字がでてきております。
（３つ目のタグだけは、追記後も正しいURLとなっております）

上から順に、
sp_files/flexslider.css
sp_files/jquery.min.js
sp_files/jquery.flexslider.js
とだけご記載いただければ結構です。
httpsから始めたい場合は、正しいURLである
https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_files/flexslider.css
https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_files/jquery.min.js
https://www.rakuten.ne.jp/gold/ショップURL/sp/sp/sp_files/jquery.flexslider.js
をご記載ください。

＞/sp_index.html　の最後のかてごりーはhttpsにしないでhttpのままですか？
http:// で始まるURLがありましたら、全て https:// にご変更いただきたいのですが、
ページの中に、http:// で始まるURLは無いようです。
そのため、修正の必要はなさそうなのですが、もしございましたら改めてご返信ください。

なお、ご返答するために /sp/sp/sp_index.html の内容を確認していたところ、
ページ全体として同じ内容が２回繰り返して登録されておりました。
もし不要であれば、お客様の混乱を防ぐためにも、
後半部分は削除していただければと思います。

Answer

https://www.rakuten.ne.jp/gold/ショップURL/smp/sp/sp_index2.html
で教えて頂いたようにできました

でも一番下のPCページの案内やかいものカゴなどが反映されません

教えてください

Answer

ECマスターズの田中です。

「sp_index2.html」を確認したところ、
sp/sp/tab/aitemu.html を埋め込むためのタグに
高さが設定されておらず、正しく表示されない状態にありましたので
height="400"
上記属性を加えて、高さをご設定いただく必要があることはわかりましたが、
「一番下のPCページの案内やかいものカゴなど」が、
どの部分を指しているのかがわかりませんでした。

まずは、上記のheight属性をご設定いただき、
それでも改善されない部分がございましたら、
具体的にどの部分が表示されないのかをお知らせいただけますでしょうか。

Answer

height="400"
これを付け加え


一番下にある

Answer

https://www.rakuten.ne.jp/gold/ショップURL/smp/sp/sp_index2.html

です

Answer

ECマスターズの田中です。

＞height="400"
＞これを付け加え

付け加えられたことを、確認いたしました。

＞一番下にある