Debutの固定ページの独自のCSS とJsをリンクの件

日本語 ディスカッション 技術的なQ＆A

AI-generated summary

Debutテーマの固定ページに独自CSS/JSをリンクしたところページが崩れる問題。Assetsにファイルをアップロードし、theme.liquid（Shopifyのテンプレート言語Liquid、Layoutの22〜33行）に追記したが、期待通り動作せず、読み込み順が原因かを疑っている。

提案された最新の対処:

  • JSまたはCSSのどちらか一方の読み込みを外して原因を切り分ける。
  • 最終的に生成されるHTMLソースを確認し、記述や参照パスの誤りを点検する。
  • CSS内容に問題がないか検証する。
  • ブラウザの開発者ツールで崩れ箇所を特定し、関連するスタイルやスクリプトを調査する。

結論・進捗:

  • 具体的な修正案や決定事項は提示されておらず、一般的なトラブルシュートの段階。
  • 問題は未解決で、読み込み順や記述ミスの可能性が残っている。
1

Debutのテーマの固定ページを作成し

独自のCSSとJｓをリンクさせたのですが

HTMLで作成をしリンク→Assetsにそれぞれアップロードし→Layout内のtheme.liquidに

22行から33行目までにLiquidで構文したのですがうまくいきません。

ページが崩れてしまいます。

順番がいけないのでしょうか？

2

一般論ですが以下を確認されることをお勧めします。

  • 記述したJSとCSSの読み込み用コードのどちらかを消す(どちらに問題があるかの確認)
  • ストアのソースを確認する(最終的に出力されているHTLMLに問題がないか)
  • CSSを確認する(CSSの内容に問題がないか)
  • ブラウザの開発者ツールで崩れている箇所を調査する