商业催化剂＆amp; jquery云缩放

Question

我可以在静态网站上使用云缩放，但是adobe BC我已经丢失了。我需要放大悬停以获取大型产品图片，但我不确定需要添加哪些代码才能在BC中工作或放置它以便大图像标记链接到缩放尺寸图像。

Answer 1

除了预期的“大”图像外，您是否会上传专门用于缩放的大图像？如果是这样的话：

• 在其中一个“自定义”产品字段中添加缩放图像的路径（在此示例中我将使用“自定义1”）。

• 在您的大型产品布局（/Layouts/OnlineShop/large_product.html）中，将{tag_largeimage}标记替换为以下内容：

  <!-- Create a Cloud Zoom in the usual way. -->
  <img src="{tag_largeimage_path}" id = "zoom1" class = "cloudzoom"
       data-cloudzoom = "zoomImage: '{tag_custom1}'" />
  

另一种方法是仅上传“缩放”图像，并让BC的图像大小调整功能为您缩小尺寸，减少您的工作量。

假设您的大型产品布局需要300x400px的“大”图像，并且您上传的图片要大得多：

<img src="{tag_largeimage_path}?Action=thumbnail&Width=300&Height=400&algorithm=proportional"
     id = "zoom1" class = "cloudzoom"
     data-cloudzoom = "zoomImage: '{tag_largeimage_path}'" />

否则你可以使用BC的内置缩放功能，这里记录： http://kb.worldsecuresystems.com/134/bc_1342.html#main_Individual_Product__Large_

N.B。：图片代码中的_path后缀不适用于所有图片代码;某些内容，例如webapp图片，只接受_value。