WooCommerce Flatsome 主题更改产品图像大小答案

【问题标题】：WooCommerce Flatsome theme changing product image sizeWooCommerce Flatsome 主题更改产品图像大小
【发布时间】：2017-06-03 05:01:45
【问题描述】：

我为 woocommerce 购买了 Flatsome 主题。需要显着减小此页面上的产品图片尺寸

我可以通过更改 chrome 上“检查元素”中的以下行来实现这一点。 “div.large-6.columns.product-gallery” 到 "div.large-2.columns.product-gallery"

但我不明白如何在源文件中更改它。

我也没有成功尝试在 woocommerce -> 设置 -> 产品 -> 显示中更改图像大小。再生图像。

我也尝试在媒体 -> 设置 -> 大号和中号中更改大小，但未成功

此时绝对会感谢您的帮助。

【问题讨论】：

【解决方案1】：

如果您已经覆盖了 woocommerce 模板，则可以更改您在其中谈论的 div.large-2.columns.product-gallery 值：

wp-content > 主题 > 你的主题 > woocommerce > 单品 > 产品图片.php

你会看到：

<div class="large-6 columns product-gallery">

我假设主题已经这样做了，您应该能够找到我所指的文件。但是，如果主题没有覆盖模板，您需要通过阅读文档来learn about doing so。

【讨论】：

【解决方案2】：

要实现这一点，您只需使用 ux builder（无需编码）创建一个自定义产品页面： Flatsome Docs

或创建子主题并覆盖 woocommerce 模板和/或 Flatsome 短代码。

要覆盖 Flatsome 中的 Woocommerce 模板，请从

中放置所需文件

'flatsome/woocommerce'

给你的

'child_theme/woocommerce' 目录并编辑它们。

根据您的产品页面布局选项，要编辑的文件可以更改。见：

'flatsome/woocommerce/single_product/product-image-' 文件并覆盖所需的内容。

【讨论】：