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