20 完整商店页面：从首页到产品列表

把前面模块组合成一个完整商店页。

20 完整商店页面：从首页到产品列表

本页学习重点

完整页面模块组合产品列表

完整商店页面流程

1Header
2Hero
3Toolbar
4Products
5Cart
AccountCart

Premium WPC Products for Outdoor Spaces

Start with static HTML, then convert each section into WooCommerce templates.

Shop Products
Showing 1–8 of 20 products
New Product 01

Product 01

★★★★★

Decking product for outdoor projects.

$34.00

View Product
Product 02

Product 02

★★★★★

Decking product for outdoor projects.

$39.00

View Product
Product 03

Product 03

★★★★★

Cladding product for outdoor projects.

$44.00

View Product
Product 04

Product 04

★★★★★

Cladding product for outdoor projects.

$49.00

View Product
New Product 05

Product 05

★★★★★

Fencing product for outdoor projects.

$54.00

View Product
Product 06

Product 06

★★★★★

Fencing product for outdoor projects.

$59.00

View Product
Product 07

Product 07

★★★★★

Accessories product for outdoor projects.

$64.00

View Product
Product 08

Product 08

★★★★★

Samples product for outdoor projects.

$69.00

View Product

本页总结

完整商店页是多个小模块组合起来的。先静态组合，再学习 WooCommerce 动态输出。