WooCommerce图像大小变化

在这篇文章中,我们将解释如何设置图像大小或WooCommerce插件,如果你看到异常行为。

  1. WooCommerce画廊风格
  2. 产品图片附加资源188bet网投
  3. 重新生成缩略图
  4. 总结

X和Pro主题对WooCommerce图像质量和大小过程没有特定的控制,所以你需要使用WooCommerce插件提供的本地控制来设置图像大小。按照下面的步骤在WooCommerce插件中设置图像大小:

外观>自定义
  1. 外观>自定义菜单。
  2. 单击WooCommerce自定义器中的菜单项。
  3. 单击产品图片在WooCommerce菜单中的菜单项。
  4. 根据你的网站设计和需要设置图片大小。
定制> WooCommerce

您还可以选择作物缩略图图像为广场,用自定义长宽比或者保留缩略图uncropped

你想要设置的大小将完全取决于你想要它们在你的网站上显示的方式,以及你是否有任何第三方插件/代码删除/修改图像的显示方式。

例如,在默认情况下,X和Pro都使用WooCommerce中的滑块支持,这意味着您的单个产品页面图像将是这样的:

WooCommerce产品示例

控件中添加下面的代码,可以删除对WooCommerce滑块的支持显然也你的档案儿童主题

Add_action ('after_setup_theme', 'remove_woo_three_support', 11);函数remove_woo_three_support() {remove_theme_support('wc-product-gallery-zoom');Remove_theme_support ('wc-product-gallery-lightbox');Remove_theme_support ('wc-product-gallery-slider');}

如果你禁用了对Woocommerce滑块的支持,图像将看起来不同,你需要修改大小。如果你删除了对图库滑块的主题支持,你的单产品页面看起来会是这样的:

WooCommerce产品示例

为你的网站获得准确的图像尺寸需要一些实验和因素将包括自定义添加的代码,自定义CSS,产品图像的类型(窄,宽,大,小等)和其他因素的不同组合。

产品图片附加资源188bet网投

如果您想对WooCommerce图像进行更广188bet网投泛的研究,请参考下面的其他资源:

  • 点击在这里在WooCommerce中阅读有关图像的官方文档。
  • 点击在这里如果出现产品图像模糊的在你的网站上。

重新生成缩略图

修改了图像大小后,需要重新生成缩略图以使更改生效。幸运的是,有一系列插件可以帮你做到这一点。去你的插件>添加新在搜索框中键入生成缩略图然后按输入.在结果屏幕上,第一个插件应该被调用生成缩略图拥有100多万活跃安装量。继续安装插件,一旦插件安装和激活。您将看到一个名为生成缩略图工具管理菜单项。

再生缩略图插件

点击它,然后在下一页上只有一个按钮来开始再生过程。它将通过你的图像一个接一个的和一个进度条和运行总数将让你更新如何接近完成的过程。请记住,每次更新图像大小后都需要这样做。

总结

我们已经讨论了WooCommerce图像,以及如何使用插件的本地控件设置图像大小。此外,我们还讨论了您可能遇到的关于WooCommerce Gallery和模糊图像的问题以及如何修复它们。最后,如果您需要更多的帮助,您可以联系我们支持我们的支持人员会很乐意帮忙的。

看到不准确的东西了吗?让我们知道

Baidu
map