我想知道是否有可能定制WordPress Storefront主题,以便在产品网格上,网格中的每个项目占用屏幕上完全相同的空间,即使图像大小和标题文本长度有所不同。
我设想的结构像区域图像-固定高度-刚刚超过在WooCommerce设置的高度标题区域-固定高度-足够两行文字。添加到购物车按钮。
我的第一个想法是,这应该在模板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;
}