我可以在我的大卡特尔商店中集成我的产品的内部缩放功能吗？

Question

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

Answer 1

由于您在Platinum计划中有一个允许代码编辑的商店，因此您有很多选择。大多数默认的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();

希望有所帮助！