Studioのスライドショーの画像全体にリンクを設定する方法【Shopify】

1.管理画面にログインし、[オンラインストア] > [テーマ] に移動します。

2.「カスタマイズ」の隣の[…] から[コードを編集] をクリックします。

3.「セクション」フォルダ内のslideshow.liquidファイルを選択します。

4. 下記のコードをそれぞれ追記します。

{%- if block.settings.link != blank -%}<a href="{{block.settings.link}}" class="slideshow__media-link">{%- endif -%}

{%- if block.settings.link != blank -%}</a>{%- endif -%}

これで画像にリンクが設置されました。

追記する場所：

5. 画像をクリックできるように、コードを追加します。

{%- style -%}

    .slideshow__media-link{
      z-index: 3;
    }
    
{%- endstyle -%}

追記する場所：

6. 最後に「保存」をクリックして完了です。