Liquid、JavaScriptなどに関する質問
いつもお世話になっております。
業界的に脱jqueryの流れがあり、Shopifyのテーマにもその波がきているそうです
ただ、アプリはjQueryありきのものもあるので、今後新テーマでアプリを入れたら動かない!という現象が発生する可能性はあります
そんな時は以下リンクよりjQuery CDNを読み込んであげてください
という情報を見かけました。そこで質問です。
————————————————————————
【種類について】
下記サイトでjQuery 3.xを選択するところまでは理解したのですが、
下記4種類のどのコードを選択すればよろしいでしょうか?
uncompressed, minified, slim, slim minified
minifiedで解決いたしました。
————————————————————————
【挿入場所】
theme.liquidの<head>の直下に挿入すればよろしいでしょうか?
————————————————————————
初歩的な質問で恐縮ですが、有識者の方いらっしゃいましたらご教示いただけますと幸いです。
どうぞよろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
<head>〜</head>の間か、または</body>の直前のどちらかとなりますが、HTMLのレンダリングが完了する前にJavaScriptを動かしたいかどうか、または利用するプラグインなどによって変わってくるかと思います。
レンダリング完了前にJavaScriptを実行する必要のある場合はhead内に記述しますが、そうでない場合は</body>の直前に挿入したほうがHTMLの読み込みをブロックせず高速化に繋がります。
また、jQueryの指示や、プラグインのオプションなどは、読み込んだjQuery本体よりも後に記述する必要があります。
成功
<head>〜</head>の間か、または</body>の直前のどちらかとなりますが、HTMLのレンダリングが完了する前にJavaScriptを動かしたいかどうか、または利用するプラグインなどによって変わってくるかと思います。
レンダリング完了前にJavaScriptを実行する必要のある場合はhead内に記述しますが、そうでない場合は</body>の直前に挿入したほうがHTMLの読み込みをブロックせず高速化に繋がります。
また、jQueryの指示や、プラグインのオプションなどは、読み込んだjQuery本体よりも後に記述する必要があります。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024