FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Studioのスライドショーの画像に直接リンクを付けたい

Studioのスライドショーの画像に直接リンクを付けたい

Sherryperle
訪問者
1 0 0

Studioの標準装備のスライダーを、画像を直接クリックしてリンクに飛ばせるようにしたいです。

デフォルトだとボタンを設置しないとリンクに飛ばせない仕組みになっているので、非常に困っています。

セクションのliquidにどのような記述をすればブロックとして追加できますか?

1件の返信1

株式会社フルバランス
Shopify Partner
1621 575 747

Sherryperle様

 

はじめまして、フルバランスの園畑です。
ご質問を確認いたしました。

 

バナー全体をリンクにできたら、ユーザーの使用しやすく嬉しいですよね。

 

Studioの基本機能ではおそらく実装されていないため、

一例ですが、コードの追加で対応する方法を共有いたします。

 

スライドショーを実装しているslideshow.liquidの画像の周りに、

添付赤枠のコードを追加していただくと、画像全体がリンクになるかと存じます。({{block.settings.link}}の部分には、基本機能にあるボタンのリンクが適応されます。)

スクリーンショット 0004-10-25 9.46.21.png

上記だけでは画像の表示が崩れてしまうため、下記のようにcssで調整することで問題なく表示されると存じます。

スクリーンショット 0004-10-25 9.47.34.png

 

 

ご参考になりましたでしょうか。
 
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
 
分からない点があれば、またいつでもご連絡ください。
 
フルバランス 園畑

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス