WooCommerce Javascript产品页面按钮编辑

Question

我没有编写或编辑Javascript的经验，但是需要在我的WooCommerce产品页面上添加“继续购物”按钮。 我找到了显示链接的字符串代码，但是它没有类，所以我无法移动或编辑它，我更希望它是一个按钮，而不仅仅是链接。

如何使用CSS向此元素添加样式？ 我可以给它一个ID和/或课程吗？

这是我目前在function.php文件中使用的javascript

 add_action( 'woocommerce_single_product_summary', create_function( '', 'echo "<a href=\\"http://store.lovesomelashes.com\\">Continue Shopping</a>";' ), 35 ); 

这里是一个示例产品页面的链接。 http://store.lovesomelashes.com/product/c-curl-synthetic-mink-eyelash-extensions/

提前致谢！

Answer 1

您拥有的这一行代码不是javascript。 它实际上是php，用于将操作（在本例中为匿名函数）添加到woocommerce挂钩中，以获取产品详细信息（woocommerce_single_product_summary）。

并且，作为对问题的简单回答，可以，您可以在链接中添加一个类以设置其样式并使其看起来像其他按钮。 像这样更改代码以添加类：

add_action( 'woocommerce_single_product_summary', create_function( '', 'echo "<a href=\"http://store.lovesomelashes.com\" class=\"my-button\">Continue Shopping</a>";' ), 35 );

my-button是您的课程，您可以在样式文件中为其设置样式。