在Shopify中，如何将鼠标悬停添加到非产品页面？

Question

我在shopify建立我的网站。在“关于我们”的页面上，我有每个团队成员的照片。我希望能够点击照片来显示JPG (这是一张员工头衔和有趣事实的明信片)。有没有办法在非产品的图像上添加鼠标悬停功能？我们使用的是最小的主题。作为参考，我们从www.scoutbags.com/about-us网站获得了这个想法，他们使用悬停功能来更改照片，然后点击到明信片。我们跳过第二张照片，尽量保持简单/可行。

Answer 1

这里是关于如何在你的图像上启用lightboxes的信息。

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

要在“关于我们”页面上启用图像，您需要编辑page.liquid。找到包含页面内容的div元素。在开始<div>标记中添加class="rte"。

确保您遵循该教程中的其余步骤。