我为woocommerce购买了Flatsome主题。需要在此页面上显着缩小产品图像尺寸
http://flatsome.uxthemes.com/product/bjorn-tee-ss-jack-jones/
我可以通过更改chrome上“inspect element”中的以下行来实现此目的。 “div.large-6.columns.product画廊” 至 “div.large-2.columns.product画廊”
但我不明白如何在源文件中更改此内容。
我也试图在woocommerce中改变图像尺寸 - >＆gt;设置 - ＆gt;产品 - ＆gt;显示。再生图像。
我也试图改变Media中的大小 - >＆gt;设置 - ＆gt;大尺寸＆amp;中等大小
此时肯定会感谢您的帮助。
答案 0 :(得分：0)
如果您已经覆盖了woocommerce模板，则可以更改您所谈论的div.large-2.columns.product-gallery值：
wp-content＆gt;主题＆gt;你的主题＆gt; woocommerce＆gt;单一产品＆gt; 产品image.php
你会看到：
<div class="large-6 columns product-gallery">
我认为主题已经在做，你应该能够找到我所指的文件。但是，如果主题没有覆盖模板，则需要通过阅读文档learn about doing so。
答案 1 :(得分：0)
要实现此目的，您只需使用ux builder（无需编码）即可创建自定义产品页面： Flatsome Docs
或创建子主题并覆盖woocommerce模板和/或Flatsome短代码。
要覆盖Flatsome中的Woocommerce模板，请从
中放入所需文件'flatsome/woocommerce'
到您的
'child_theme/woocommerce'目录并进行编辑。
根据产品页面的布局选项，可以更改要编辑的文件。参见：
'flatsome/woocommerce/single_product/product-image-'文件并覆盖需要的文件。