TA貢獻1757條經驗 獲得超7個贊
這很簡單。
您必須先為腳本文件創(chuàng)建一個公共 URL。（這樣你就可以從任何地方訪問它）
之后，您使用以下端點發(fā)出發(fā)布請求：https://shopify.dev/docs/admin-api/rest/reference/online-store/scripttag#create-2020-07
"src": "https://djavaskripped.org/fancy.js"javascript 的公共 URL 在哪里。
這應該只在用戶安裝他們的 APP 時執(zhí)行一次。
之后腳本每次都會為每個主題自動加載，不需要額外的邏輯來輸出它。
當您卸載應用程序時，腳本也會自動從管理員中刪除。
現(xiàn)在的問題是，如何添加你的CSS？
你有兩種方法：
為 CSS 文件創(chuàng)建一個公共 URL 并創(chuàng)建一個link標簽并通過 JS 將其附加到文檔中
創(chuàng)建一個style標簽并將其附加到 DOM 并通過 AJAX 將樣式插入其中，或者將它們作為 javascript 文件中的字符串
TA貢獻1829條經驗 獲得超13個贊
如何將自定義的 .js/.css 文件添加到 shopify 主題：
在 Asset 文件夾中添加 file.js/file.css
對于.js：
在 theme.liquid 文件的頭部添加如下代碼
{{ "filename.js" | asset_url | script_tag }}在需要添加js的頁面添加如下代碼
<script type="text/javascript"> yourFunction(); </script>
如果腳本有async/defer 2 選項：
選項 1 本地腳本（存儲在 Shopify 中）
<script src="{{ 'filename.js' | asset_url }}" async></script>
<script src="{{ 'filename.js' | asset_url }}" defer></script>選項 2 遠程腳本
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" async></script>
為了使用async和defer標簽，src 屬性必須存在于 此處的文檔中
對于.css：
在 theme.liquid 文件的頭部添加如下代碼
{{ "filename.css" | asset_url | script_tag }}筆記
你可以在 Github 中創(chuàng)建一個 repo 并通過 raw.github 加載你的 .js/.css
<script src="https://raw.github.com/username/project/master/script.js"></script>
舉報