Dawnスライドショーでスマホ表示+画像でリンクを貼る方法

Topic summary

ShopifyのDawnテーマ11.0で、スライドショーにおいてPC用とスマホ用で画像を切替えつつ、ボタンではなく画像自体にリンクを設定したいという相談。自動スライド設定を使用。

過去回答を参考にslider.liquidを編集し、スマホ画像の切替自体は成功。

しかし、画像にリンクコードを追加するとスマホ表示で画像サイズが崩れ、見切れて表示される不具合が発生。

参考として、スマホサイズ切替と画像リンク付与に関する2件のコミュニティ投稿リンクを提示。

最終的に投稿者が「自己解決しました」と報告。具体的な解決手順は共有されておらず、スレッドは解決済み・詳細不明。

Summarized with AI on January 20. AI used: gpt-5.

Dawnテーマ11.0で、スライドショーをPC表示+スマホ表示で画像を切り替え、なおかつボタンはつけず画像にリンクを貼りたいと思っています。(画像は自動スライドの設定)

過去の2つの回答を参考にslider.liquidのコード編集をしてみましたところ、

スマホ画像の切り替えは上手くいきましたが、
画像のリンクのコードを追記すると、スマホ用の画像表示のサイズがおかしくなり見切れた表示になってしまいます。

参考にした過去の質問&回答はこちらです

・Dawnスライドショー画像をスマホサイズに切り替えたい
https://community.shopify.com/post/2001817

・Dawnのスライドショー画像にリンクを飛ばしたい
https://community.shopify.com/post/1944875

ご教示いただけると助かります。
よろしくお願いします。

自己解決しました