我想使用WooCommerce，自定义商店页面，自定义产品页面，自定义WooCommerce中的所有内容来创建自定义商店。我已经在Figma中准备好了前端。现在，我开始使用Wordpress和WooCommerce，我注意到很难对其进行编辑。我禁用了WooCommerce的所有样式，以便可以编写自己的样式。
我的问题是，我可以看到所有正在生成的所有div元素ul，li，但不知道在哪里进行编辑。我想在我的产品页面上添加此（Click here to view）。就像一个小产品定制器。它的SVG播放了，所以我找不到这样做的插件。我想自己做，但我迷路了。
我尝试编辑content-single-product.php，发现了一个想在内部进行编辑的钩子woocommerce_single_product_summary，但我也做不到。
所以您能建议我如何编辑它？
您可以使用wordpress挂钩编辑和更改woocommerce单个产品页面的内容，还可以使用woocommerce产品变体来实现相同的产品颜色自定义效果，您可以为产品创建不同的颜色变体，然后添加差异产品每个变体的图片，就像用户选择绿色变体时一样，将显示绿色产品的图像。
您可以在所有woocommerce单一产品页面挂钩及其自定义设置中查看该出色的资源https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/
还有一个很棒的插件，可以将变体选择下拉列表更改为色板，如您的示例所示，该插件为Variation Swatches for WooCommerce
希望有帮助。