bigcartel - 我可以在我的大型卡特尔商店中对我的产品进行内部缩放吗？

Question

我在大卡特尔有一个白金计划。我对网站的设计很满意，但希望在鼠标滑过产品时在每个产品上集成一个内部缩放。我找到了 Wordpress 选项，但我想知道在 Big Cartel 中是否有可能以及要遵循的过程是什么？

Answer 1

由于您在白金计划中有一家允许代码编辑的商店，因此您在这里有很多选择。大多数默认的 Big Cartel 主题都包含 jQuery，因此找到一个使用 jQuery 的插件可能是您最好的选择。

这是一个插件示例：http ://www.elevateweb.co.uk/image-zoom

在此示例中，您只需将他们的jquery.elevatezoom.js文件上传到单独的服务器，并将其包含在您商店的布局文件中。

然后，您可以在您的个人产品页面上编辑代码（以 Luna 主题代码为例）：

<img src="{{ image | product_image_url: "fullsize" }}" class="fade_in" alt="Image of {{ product.name | escape }}">

可以改为：

<img id="product_zoom" src="{{ image | product_image_url: "fullsize" }}" data-zoom-image="{{ image | product_image_url: "fullsize" }}" class="fade_in" alt="Image of {{ product.name | escape }}">

然后只需使用以下代码激活：

$("#product_zoom").elevateZoom();

希望有帮助！