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是您的課程，您可以在樣式文件中為其設置樣式。