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

Highlighted
新規メンバー
1 0 0

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

 

【わかっていること】

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

・画像のアップロード

 

【わからないこと】

・追加すべき構文

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

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

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

 

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

0 件の「いいね!」
Highlighted
Community Manager
Community Manager
527 118 194

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

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

 

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

 

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

Technical Partner Manager, Japan
0 件の「いいね!」