Luna 主题帮助 - 产品图片

Question

我正在使用 Luna 主题，我希望主页和产品页面上的图像被视为正方形（以适合主题），然后在单击产品时被视为原始风景照片。这可能吗？

谢谢！

Answer 1

您的问题非常含糊，但我认为这就是您的解决方案：

查看模板后从源代码中提取，这是 "Products" 页面中的示例。原代码如下：

<li id="product_9230867" class="product">
  <a href="/product/mobile-ready" title="View Mobile Ready">
    <div class="product_header">
      <h2>Mobile Ready</h2>
      <span class="dash"></span>            
      <h3><span class="currency_sign">$</span>20.00</h3>
    </div>
    <div class="product_thumb">
      <img src="http://images.cdn.bigcartel.com/bigcartel/product_images/95861562/max_w-560/MobileRun.png" class="fade_in" alt="Image of Mobile Ready">
    </div>
  </a>
</li>

将 link 的 "href" 更改为图像 url，如下所示：

<li id="product_9230867" class="product">
  <a href="THE_URL_TO_YOUR_IMAGE" title="View Mobile Ready">
    <div class="product_header">
      <h2>Mobile Ready</h2>
      <span class="dash"></span>            
      <h3><span class="currency_sign">$</span>20.00</h3>
    </div>
    <div class="product_thumb">
      <img src="http://images.cdn.bigcartel.com/bigcartel/product_images/95861562/max_w-560/MobileRun.png" class="fade_in" alt="Image of Mobile Ready">
    </div>
  </a>
</li>

现在，如果您想让它弹出得非常漂亮，您将需要另一种解决方案。如果您想要更好的解决方案，我建议您提出一个更明确的问题，并举例说明您已经尝试过的问题。

Luna 主题帮助 - 产品图片

Luna theme help - product images

product

image