FROM CACHE - jp_header

テーマ「Taste」の特集商品のカスタマイズ

jastoy
新規メンバー
2 0 0

テーマ「Taste」のカスタマイズにおいてもしわかる方がいらっしゃいましたら教えていただけますと幸いです。

TOPページに配置する特集商品のセクションにおいて、商品を選択すると自動でメイン画像が一枚表示されますが、その表示されている画像をクリックしたリンク先を商品写真フォルダではなく、商品ページに設定するにはどのようにしたらよいのかを知りたいです。よろしくお願いします。

2件の返信2
株式会社フルバランス
Shopify Partner
948 316 490

Jastoyさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

商品画像からも商品ページに飛べると便利ですよね。

一例ですが、以下方法で対応可能かと存じます。

まず、CSSでモーダル機能と拡大アイコンを非表示にします

.featured-product button.product__media-toggle.quick-add-hidden,
.featured-product .product__media-icon
{
  display:none;
}

 

次に、featured-product.liquidの49行目から始まる<media-gallery>〜</media-gallery>を<a href="{{ product.url }}"></a>で囲みます。

スクリーンショット 2022-09-20 10.23.15.png

 

ご参考になりましたでしょうか。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ECの技術・実務・成長、お悩みのことがあれば、気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
jastoy
新規メンバー
2 0 0

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

CSSでモーダル機能と拡大アイコンを非表示にする部分はできたのですが、

その次のリンク先を商品ページにする部分がなぜかうまくいかないのですが、素人なので原因がわかりません…添付画像の通りです。

(添付していただいた画像と当方のコードが少し違うのも気になります。)

スクリーンショット 2022-09-23 19.50.48.png