カスタマイズされたLiquidに画像を貼ってリンクにする方法

日本語 ディスカッション 技術的なQ＆A
1

Shopifyを用いて海外向けの販売サイトを構築しています。
Dawnというテーマを使ってます。

カスタマイズされたLiquidで画像バナーを設置し、aタグで囲っております。
その際、aタグが反応せずにリンクになりません。
解決方法をご教示くださいませ。
カーソルはbase.cssで表示しないようになってましたので表示するようにしてます。

html

-----------------------

css

div a {
display: block;
cursor: default;
}
div img {
width: 100%;
}

何卒よろしくお願いいたします。

2

@ZNB 様

ご質問いただいている画像にリンクを貼る件ですが、記載いただいているhtmlのタグがそのままでしたら、aタグのリンク設定に不備があるように思われます。

aタグを下記コードに変更いただけましたら、リンクが機能するかと思われます。

また、通常はリンクにカーソルが当たった際は指マークになりますが、CSSで 『cursor: default;』と記載されていいますので、デフォルトの矢印のままになりますが大丈夫でしょうか。

カーソルが当たった際、指マークにする場合は、『cursor: default;』を削除いただければと思います。

ご参考まで

（キュー小坂）

3

Qcoltd 様

ご回答いただきありがとうございます。

解決しました。

凡ミスで大変失礼いたしました。

hrefに直しましたところ、無事にリンクになりました。

また、カーソルの件もご指摘いただきありがとうございます。