FROM CACHE - jp_header

商品ページ共通部分にリンク付きバナー画像を設置したいのですがliquidの構文がわかりません。

KODAI
訪問者
1 0 0

各商品ページ共通部分にリンク付きバナー画像を設置したいと考えております。

 

【わかっていること】

・liquidファイルのどの部分に構文を追加するのか

・画像のアップロード

 

【わからないこと】

・追加すべき構文

{{ '<img src="画像リンクURL">' | link_to: "リンク先URL" }}

で一度設置してみましたが、デザイン崩れなど発生したり、ソースの一部が公開画面に表示されるなど

原因不明のエラーが起こり現実的ではありませんでした。

 

ただしい方法を御存知の方、ご教授頂けますと幸いでございます。

1件の返信1

junichiokamura
Community Manager
1200 280 506

以下は参考になりますでしょうか?

https://www.shopify.com/partners/blog/html-img-element

 

まず、'<img>...' だとこれ自体が文字列と処理されるので期待した動作にはならないと思います。

 

バナーとして他に遷移させる動作は、imgではなくて、a タグなので、liquidではなくて、HTMLとしてそのまま  <a href=...><img> と書いて問題ないと思うのですがいかがでしょうか?

Senior Partner Solutions Engineer