我试图找出是否可以自定义 WordPress Storefront 主题,以便在产品网格上,网格中的每个项目在屏幕上占用完全相同的空间,即使图像大小和长度存在一些差异标题文字。
我正在设想一个像图像区域这样的结构 - 固定高度 - 刚好超过 WooCommerce 标题区域中设置的高度 - 固定高度 - 足以容纳 2 行文本。添加到购物车按钮。
我的第一个想法是这应该在模板 CSS 中,但事实证明很难确定。有没有人有这个主题的经验?
我试图找出是否可以自定义 WordPress Storefront 主题,以便在产品网格上,网格中的每个项目在屏幕上占用完全相同的空间,即使图像大小和长度存在一些差异标题文字。
我正在设想一个像图像区域这样的结构 - 固定高度 - 刚好超过 WooCommerce 标题区域中设置的高度 - 固定高度 - 足以容纳 2 行文本。添加到购物车按钮。
我的第一个想法是这应该在模板 CSS 中,但事实证明很难确定。有没有人有这个主题的经验?
感谢您的回复,它让我走上了正轨,我得到了我想要的。在你所说的和我从不同地方收集的其他一些店面代码之间,我们能够创建一些让人们开心的代码。它的基本桌面代码原来是
a.added_to_cart.wc-forward {
bottom: 0;
position: absolute;
display: block;
bottom: 0px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
height:500px;
min-height: 295px !important;
margin-bottom:10px;
}
a.button.add_to_cart_button,
a.button.product_type_simple {
bottom: 50px;
left: 60px;
position: absolute;
}