Shopifyでは、製品以外のページにマウスオーバーを追加するにはどうすればよいですか？

Question

私はshopifyで自分のサイトを構築しています。 「私たちについて」ページには、各チームメンバーの写真があります。写真をクリックして、JPG（従業員のタイトルや興味深い事実のはがき）を表示したいと考えています。製品ではない画像にマウスオーバー機能を追加する方法はありますか？私たちは最小限のテーマを使用しています。参照点として、このアイデアはwww.scoutbags.com/about-usから入手できます。 そのサイトでは、ホバー機能を使用して写真を変更してから、はがきにクリックします。 2番目の写真をシンプル/ドリブルに保つようにスキップしています。

Answer 1

ここでは、画像上のライトボックスを有効にする方法について説明します。

https://docs.shopify.com/themes/customization/colors-images-and-video/add-lightbox-to-images

あなたの会社概要ページ上の画像を有効にするには、あなたはpage.liquidを編集する必要があります。あなたのページの内容を含むdiv要素を探します。 <div>タグには、class="rte"を追加します。

このチュートリアルの残りの手順を必ず実行してください。