Liquid、JavaScriptなどに関する質問
管理画面にログインして、「アクション」→「コードの編集」と進み、Sectionsフォルダ内のcustom-content.liquidファイルを選択してください。
"zh-TW": "圖片"
}
},
{
"type": "select",
上記のコードを探して、次のように変更します。
"zh-TW": "圖片"
}
},
{
"type": "url",
"id": "button_link",
"label": "URLを入力"
},
{
"type": "select",
次に、下記のコードを探します。
<img id="{{ img_id }}"
class="custom__image lazyload js"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">
上記のコードを、次のように書き換えたら「保存」をクリックします。
<a href="{{ block.settings.button_link }}">
<img id="{{ img_id }}"
class="custom__image lazyload js"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">
</a>
これで「コンテンツをカスタムする」の画像選択のところにURLの入力欄が表示されていると思います。
※コード編集の経験がない場合は、専門の業者に依頼されることをお勧めします。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024