ショップの新しいページにCSSとjsファイルを呼び出す

Question

オンラインのHTMLランディングページのテンプレートを購入しましたが、Shopifyの現在のテーマに統合しようとしています。ランディングページには、統合する必要があるhtml、css、jsが含まれています。 I私は「資産」フォルダにCSSやJSファイルをアップロードし、「theme.liquid」ファイルにこれらの行を追加していることを説明し、前のスレッド読み：それから私は、ページテンプレートを作成し

{{ 'script.js.liquid' | asset_url | script_tag }} 

{{ 'style.css.liquid' | asset_url | stylesheet_tag }} 

をし、コピーはHTMLコードを貼り付けましたが、スタイリングは普通のhtmlしか出ていません。私は何が間違っているのだろうと思っていた。 新たに作成されたページにcssファイルとjsファイルを呼び出すコードを追加する必要がありますか？「theme.liquidファイルで上記コード行を追加するだけで十分ですか？」

ありがとう。

Answer 1

与えられたテンプレートのスタイルシートやスクリプトをロードしようとしたときに.liquidサフィックスを削除してください：

{{ 'script.js' | asset_url | script_tag }} 
{{ 'style.css' | asset_url | stylesheet_tag }} 

スタイルシートはSCSSスタイルシートであれば、あなたは.scss.は、スタイルシートのアイデンティティーに追加しておく必要がありますそれがCSSにコンパイルされるようにしてください。

{{ 'style.scss.css' | asset_url | stylesheet_tag }} 

まだロードされない場合は、管理者としてログインしていない間にテンプレートに変更を保存/プッシュした後、またはシークレットブラウザのタブから表示してからキャッシュをクリアしてみてください。