Вызвать css и js-файлы на новую страницу в shopify

Question

Я купил шаблон целевой страницы HTML в Интернете, и я пытаюсь интегрировать его в мою текущую тему в Shopify. Целевая страница содержит html, css и js, которые мне нужно интегрировать. Я прочитал предыдущую нить, которая объяснила, что я должен загрузить 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 }} 

Если он по-прежнему не загружается, попробуйте очистить кеш после сохранения/нажатия изменений в шаблоне или просмотра с вкладки браузера инкогнито, а не входа в систему как admin.