Woocommerce产品目录全宽和标题+图片价格(叠加)



我正在尝试使用Wooccommerce实现一个全宽度的产品目录,产品图像之间几乎没有间隔。我设法去掉了产品图像之间的间距,但行不是全宽的,两边都有巨大的填充物。此外,我如何获得图片顶部的标题和价格?我一直在摆弄css,但运气不好。

最终结果应该是这样的:

acnestudios.com/de/de/man/new-arrivals/

我真的很感激你的帮助,

R

根据我读到的内容,只需创建或选择带有价格的类,然后添加我在下面写的内容。

.your-class {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

对于网格,我无法帮助你,因为你还没有发布任何内容。如果您使用bootstrap,只需使用容器流体而不是容器类。

对于WooCommerce中的完整网格,请添加以下CSS代码:

.woocommerce .content-area { width: 100% !important; margin: 0 !important;}

我已经检查了此代码是否适用于Storefront主题->https://themes.woocommerce.com/storefront/product-category/clothing/

最新更新