05 产品列表：Grid 三列产品展示
把多个产品卡片组合成商店页产品列表。
本页学习重点
三列产品列表
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
本页总结
产品列表是 WooCommerce 商店页和分类页的核心结构。
把多个产品卡片组合成商店页产品列表。
产品列表是 WooCommerce 商店页和分类页的核心结构。