更新 2023 / 03 / 10

Shopifyサイトで外部ファイルを読み込む方法

assetsに追加したファイルを読み込む

cssの場合

<link rel="stylesheet" href="{{ '追加したファイル.css' | asset_url }}" media="print">

jsの場合

<script src="{{ '追加したファイル.js' | asset_url }}"></script>

画像の場合

<img src="{{ 'sample.jpg' | asset_url }}">

css内で画像を読み込む場合

.sample-box {background-image: url('{{ 'sample.jpg' | asset_url }}');}

管理画面のコンテンツ>ファイルに追加したファイルを呼び出す場合

<img src="{{ 'sample.jpg' | file_url }}">