12 产品详情页：打磨后的 Swiper 轮播版
优化箭头、缩略图、按钮和购买信息，让产品详情页更接近真实 WooCommerce 商品页。
本页学习重点
本次继续打磨点
- Swiper 箭头改成圆形半透明按钮，更明显也更接近真实商城
- 缩略图选中状态加强，当前图片更容易识别
- 右侧购买面板增加库存、样品、质保等状态标签
- 按钮分成主按钮和辅助按钮，后期更容易接 Add to Cart / Request Sample
产品详情页：打磨后的 Swiper 轮播
Composite Decking Board
In stock
Free sample available
10-year warranty
$59.00
$39.00
Durable, low-maintenance WPC decking board for residential and commercial outdoor projects.
后期动态化思路：主图使用产品 featured image，缩略图使用 product gallery images，按钮连接 WooCommerce add_to_cart。
本页总结
产品详情页已经从基础布局升级到更接近真实商城的结构。后续动态化时，可以逐步替换产品图、价格、库存和按钮数据。