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

【问题标题】：In Shopify, how do I add mouseover to a non-product page?在 Shopify 中，如何将鼠标悬停添加到非产品页面？
【发布时间】：2016-04-04 20:19:11
【问题描述】：

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

【问题讨论】：

看看漂亮的照片 - http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

标签： plugins hover shopify mouseover

【解决方案1】：

以下是有关如何在图像上启用灯箱的信息。

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

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

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

【讨论】：