Liquid、JavaScriptなどに関する質問
お世話になります。
Debutテーマを利用して2サイト運営しているのですが、1サイトの方でメニューバーが上手く動作してくれません。
具体的にはスマホ表示でメニューバーを開き、サブメニューの下層から上層に戻ろうとするとメニューが真っ白になってしまいます。
コンソールには、こんな感じでエラー表示が出るのですが解決方法がさっぱりわかりません。
ちなみに、テーマを再インストールして、アプリも止めてみたのですがやはり動かず…
同じテーマ・同じアプリを利用している、もう1サイトではうまく動くので不思議でしょうがないです。
原因と対策が分かる方、ご教授いただけると幸いです。
解決済! ベストソリューションを見る。
成功
こちらも同じ原因のようですね。
成功
本件、解決しました!
「Uchuya Shipping Cooperation」アプリが不具合をおこしていたようです。
以下、解決方法▼
以上で難なく解決しました。
原因として、削除前にアプリのJSが読み込まれていたらしく、
どうもこれが干渉をしていたようです。
削除して再インストールしたところ、JSが消えて挙動が正常になりました。
なぜなのかは全く分かりませんが…
解決したで良しとします。
コメントしていただいた皆様ありがとうございました!
https://community.shopify.com/c/Technical-Q-A/Problem-with-mobile-menu-Debut-theme/m-p/585267#M12491
海外フォーラムにも同じような質問がありました。
結論から言うと
prepareTransition
のところでなにかが足りていないか間違いがあるようです。
Themeのコード編集から asset/theme.js を開いて
prepareTransitionの記載されている箇所でなにか誤字脱字はないか確認するとなにか見つかるかもしれません。
prepareTransition のあとに()が抜けてるとかかもしれませんね。
prepareTransition はかなり多く記述されているのでまずは該当の部分 $activeSubNav のところを確認するようにしたほうがいいでしょう。
あとは考えにくいですけど何らかの問題でうまく jQueryが読み込めていないか・・・でしょうかね。
WEBUILD様
アドバイスありがとうございます。
おぉぉぉ。。。海外でも同じようなことで困ってる方いるとは。。。
なるほど!と言いたいところなんですが、、、
プログラミングのスキルに疎いものでして(^-^;
一旦、知り合いの技術者に調査を依頼してみたいと思います。
本件、もしかしたら同じように困っている方いるかもしれないので、
解決策分かりましたらシェアさせていただきますね。
お忙しいところありがとうございました!
成功
こちらも同じ原因のようですね。
こちらについても、ありがとうございます。
他のストアでテーマをアップロードして試したので、同じ原因で間違いなさそうです。
成功
本件、解決しました!
「Uchuya Shipping Cooperation」アプリが不具合をおこしていたようです。
以下、解決方法▼
以上で難なく解決しました。
原因として、削除前にアプリのJSが読み込まれていたらしく、
どうもこれが干渉をしていたようです。
削除して再インストールしたところ、JSが消えて挙動が正常になりました。
なぜなのかは全く分かりませんが…
解決したで良しとします。
コメントしていただいた皆様ありがとうございました!
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024