【问题标题】:Resize WooCommerce Thumbnails调整 WooCommerce 缩略图的大小
【发布时间】:2014-09-21 23:31:10
【问题描述】:

我正在使用 WooCommerce 制作一个 WordPress 网站,我需要调整显示产品(类别)页面中产品缩略图的大小。

特别是我有这种情况:

我想要一个这样的页面:

有可能吗?我已经检查了 CSS 类应该是 img.attachment-shop_catalog.wp-post-image 并且我已经尝试使用 -webkit-transform:scale(1.2); 但我的产品图像缩略图重叠。这不是 WooCommerce 图像设置的问题(“强制硬裁剪”选项被禁用),所以我认为我必须添加自定义 CSS。你能帮我解决这个问题吗?

提前致谢!

【问题讨论】:

    标签: wordpress woocommerce thumbnails


    【解决方案1】:

    我会检查所有周围的类,因为它可能受到它们的限制,或者外部容器上设置了 padding-right。

    我会尝试找到(使用 Chrome 的可能性)并首先尝试在 CSS 中本地调整它们和产品容器的大小。

    【讨论】:

    • 我如何才能仅针对 CSS 中的缩略图调整产品容器的大小?我应该编辑哪个类?谢谢!
    • 如果您可以使用 WooCommerce 提供指向网站的链接(最好是您的网站)我可以为您提供帮助,但您需要指出确切的情况 - 您想要更改的页面类型(直接链接到一些带有该缩略图的示例页面)。
    • 谢谢,但是我在本地使用WampServer开发这个网站,所以我不能给你链接!但是我想在 WooCommerce 自动生成的所有显示产品页面(类别)中更改它。还有其他方法可以解决这个问题吗?再次感谢您。
    • 通过更改负责其中之一的 CSS 您更改所有这些 - CSS 是通用的。发布在该产品页面之一上生成的 HTML 代码 + 它需要的所有 CSS。
    • 不错!谢谢你。你认为我应该链接到另一个网站(比如 Pastebin)还是可以直接在 Stackoverflow 上发布?
    猜你喜欢
    • 2017-08-05
    • 1970-01-01
    • 2011-11-19
    • 1970-01-01
    • 2012-01-06
    • 2014-12-05
    • 2014-02-13
    • 2015-04-03
    • 2011-09-03
    相关资源
    最近更新 更多