Wowma!でのjqueryを利用したスライダ―について

Question

いつもお世話になっております。

Wowma!のTOPページにスライダーを設置したいのですが、動作せず困っております。
他店舗のモール(楽天、yahoo)では問題なく動いているスライダ―です。

jqueryのバージョンを変えてみたり、CDNで読みこんでみたり、HTMLをjqueryとcssを同じ階層に置いてみたり、
思いつくことはすべてしてみたのですが、どうしても動作しません。

こちらのスライダーに限らず、他店舗では動いているのにもかかわらずWowma!のサーバーでは動かず、
設置をあきらめたjQueryを利用したプラグインのメニューなどが多々あります。
お忙しい所恐縮ですが、動作するようにご教示いただけませんでしょうか。
どうぞよろしくお願いいたします。


URLは下記になります。
https://plus.wowma.jp/user/店舗番号/plus/test/index.html

Accepted Answer

ECマスターズの田中です。

お試しいただき、ありがとうございます。

http://www.bidders.co.jp/wm/spec/wowma_plus_manual.pdf
上記Wowma! Plusのマニュアルを読んでも
強制書き換えに関する記述は見つからないのですが、

画像URLがhttps://ic4-a.wowma.net/から始まるURLに書き換えたり、
やの前にタグを追記するのと同様の処理によって
書き換えが行われている可能性が高いです。

一度、外部JSファイルとして記述していただき、
同様に書き換えが行われるかどうか、ご確認いただけますでしょうか。

具体的な方法ですが、
index.html に含まれる から  の間の内容を
（およびは含みません）
テキストエディタ（メモ帳など）に貼り付けた上で
ファイル名の末尾を「.js」にして
外部JSファイルとして保存していただき、
それをWowma! Plusにアップロードしていただいた後、

アップロードされたJSファイルのURLにアクセスしていただき、
同様に内容の書き換えが行われているかどうか、
ご確認いただきますようお願いします。

Answer

ECマスターズの伊藤です。

IVYさんのWowma!店舗の情報が
ご登録されていないようでしたので

登録情報変更
https://tool.ec-masters.net/account.php

より、Wowma!の情報をご登録いただけますでしょうか。

お手数おかけいたしますが、よろしくお願いいたします。

Answer

伊藤様

大変失礼いたしました。
Wowma!店舗の情報を登録いたしましたので、ご確認よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> Wowma!店舗の情報を登録いたしましたので、ご確認よろしくお願いいたします。

ご登録いただきまして、ありがとうございました。
ページを拝見させていただいたところ、
確かにスライダーは動作していないようでした。

エラーの発生原因が、Wowma!なのかどうか
確認をさせていただきたいのですが
アップロード頂いているファイルは、
アップロード前の、ご自身のPCでの確認時は
問題なく動作していますでしょうか。

Answer

伊藤様

お世話になっております。
PC上ではもちろん動作しております。
弊社の楽天の店舗でも現在設置しているスライダ―です。

今回のスライダ―に限らず、jqueryを使用したメニューやスライダーを設置する際、
ローカルで確認後、楽天ではアップロードした後素直に動作するのですが、
yahooやwowma!のサーバーではなぜか動作しないことが多いです。

今後のサイト作成のためにも、原因をご教示いただけましたら幸いです。
宜しくお願いいたします

Answer

ECマスターズの田中です。

私にて、開発者ツールを利用してindex.htmlを確認したところ、
78行目で、if文の使い方が異なるとのエラーが発生しました。
確かに、JavaScriptの文法に反する記述がされているようです。

この１行を含む function slideNext(){ は、
別のJSファイルからコピー・ペーストされたものでしょうか。
その場合は、コピー元のファイルをお知らせいただきますようお願いします。

Answer

田中様

お世話になっております。
該当の行はこちらでコピペしたものではなく、下記のサイトさんで配布されているスライダ―のサンプルをそのままwowma!のサーバーにアップロードしたものです


http://black-flag.net/jquery/20170411-6036.html

Answer

ECマスターズの田中です。

> 該当の行はこちらでコピペしたものではなく、下記のサイトさんで配布されているスライダ―のサンプルをそのままwowma!のサーバーにアップロードしたものです

ありがとうございます。
私にてダウンロードしたファイルと、Wowma!にアップロードされたファイルを
比べてみると、たしかに、該当部分の記述が異なっておりました。

お手数ですが、再度、
サンプルの必要な部分を書き換えて
別名（index2.htmlなど）でアップロードしていただき、
正常に表示されるかどうか、
表示されない場合は、アップロード前と後のファイルに内容の違いがないか、
ご確認いただきますようお願いいたします。
（アップロード後、直前、および直前にタグが追加されるのは、
　Wowma! Plus本来の動作となります）

Answer

田中様

お世話になっております。

ご指示いただいた通り、index2.htmlの名前でサンプルを上げなおしたのですが、動作しませんでした。
サーバーにアップロードしたindex2.htmlのソースをブラウザから確認すると、やはりご指摘通りslideWrap.appendの内容やfunction slideNext()の内容、その他数か所書きかえられているようです。
サーバー上で書きかえられたindex2.htmlをPCに再度ダウンロードして中身を確認しても、上記サイト様よりいただいたファイルの内容のままです。

先述した通り、楽天では動作するファイルがWowma!で動かないことがあったのは、Wowma！のサーバーの仕様のためなのでしょうか？
Wowma!のサーバーの仕様に合わせたタグの記述ができない以上、設置はあきらめるしかないのでしょうか。

Answer

田中様

お世話になっております。
外部JSファイルとして書き出したら、Wowma!のサーバー上でもスライダーが動作しました！
jsファイルの内容は張り付けたときのまま、書き換えられていませんでした。

自分では全く思いもつかない解決方法だったので、とても勉強になりました。
今後、Wowma!サイトにて作成する際にはJSファイルは必ず外部ファイルに書き出すようにいたします。

本件はこれで解決とさせていただきます。
本当にありがとうございました！