为woocommerce产品定制网格布局

问题描述 投票:-1回答:1

有没有人知道如何显示附加图像的woocommerce商店页面?黑色方块是产品。

谢谢!

Grid Layout

wordpress woocommerce
1个回答
0
投票

@bragDeal这似乎对我有用:

ul.products.columns-3 li:nth-child(1){
     grid-column: 1 / 4;
     grid-row: 1;
}
ul.products.columns-3 li:nth-child(1) a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
     float: left;
}
ul.products.columns-3 li:nth-child(2){
     grid-column: 1 / 3;
     grid-row: 2;
}
ul.products.columns-3 li:nth-child(2) a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
     float: left;
}
ul.products.columns-3 li:nth-child(3){
     grid-column: 2 / 4;
     grid-row: 2;
}
ul.products.columns-3 li:nth-child(3) a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
     float: right;
}

我对任何其他方法持开放态度

© www.soinside.com 2019 - 2024. All rights reserved.