产品视图对齐Woocommerce

Question

我在Wordpress中有一个书店网站，如下图所示。两个产品的添加购物车按钮的对齐方式不同。请注意，这是商店页面。

无论产品图片尺寸和产品标题长度如何，如何将每个产品的添加到购物车按钮对齐？

我正在使用：

• WordPress 4.3.1
• WooCommerce 2.4.11
• 主题 - ＆gt; VantageVersion：1.4.4 By SiteOrigin

Answer 1

首先，你的问题非常非常模糊。很难对更多信息进行故障排除。但是，我会尝试开始对话。

1. 这是什么名单？主页？分类页面？
2. 从本质上讲，你必须正常化＆＃34;标题所占据的空间。请注意，在第二个产品中，产品的标题是两行，其中第一个产品只有一行。您的任何产品都有三条线吗？四条线？五？这基本上是个问题。
3. 此外，根据您的主题，这可能是完全不同的标记/代码。

说完所有这些，只需使用正确的CSS即可解决问题。对于一个典型的＆＃34; WooCommerce网站，这将照顾它：

在样式表中，在此选择器上声明此样式：

ul.products li.product h3 {
    min-height: 50px; /* NOTE: This amount will have to change depending on how many lines you want to support.  Allow about 20-25px per line */
}

Answer 2

我在主题的style.css

下添加了此代码

.archive #main ul li a h3 {
  min-height: 70px;
}

解决了我的问题。