テーマDAWNのスライドショーの各画像のテキストボックスとボタンを削除して画像全体にリンクを張りたい

[Test-1-pta]

slideshow.liquidを編集してテーマDAWNのスライドショーの各画像のテキストボックスとボタンを削除して画像全体にリンクを張りたいのですがなかなかうまくいきません。

下記のページも試しましたがうまくいきません。

どうやればできますでしょうか？

https://community.shopify.com/1111 

https://community.shopify.com/22222 

[Qcoltd · Accepted solution]

ご質問いただいているスライドショーの画像にリンクを設定し、ボックスとボタンやテキストを消す件ですが、liquidファイルのコード修正および、スライドショーの設定で対応することが可能です。

調整内容

1．管理画面の『コードを編集』よりslideshow.liquidを開きます。

2．122行目に下記コードを追加してください。（添付画像参照）

{% if block.settings.link %}<a href="{{ block.settings.link }}" class="slider-box"></a>{% endif %}

3．管理画面のカスタマイズよりスライドショーを選択してください。

4．スライドショーのカスタムCSSに下記を追加してください。

.slider-box {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 2;
}

5．スライドショーの各スライドを選択し、『見出し』『小見出し』『ボタンのラベル』に入力されているテキストを削除、『デスクトップ上にコンテナを表示』のチェックボックスを外してください。

6．画像のリンクはスライドショーの各スライドを選択し、『ボタンのリンク』に設定したものが表示されます。

　『ボタンのリンク』が設定されてない場合は、スライドショーの画像にリンクは設定されません。

ご参考まで。

(キュー小坂)

[Test-1-pta]

ご回答ありがとうございます。成功しました。