WooCommerce Javascript製品ページボタン編集

Question

私はJavascriptの作成や編集の経験はありませんが、私はWooCommerce製品ページにショッピング続行ボタンを追加する必要があります。リンクが表示されたコード列が見つかりましたが、クラスがないため移動や編集ができませんでした。単なるリンクではなく、ボタンであることが望ましいでしょう。

CSSを使用してこの要素にスタイルを追加するにはどうすればよいですか？ IDやクラスを教えてもらえますか？

これは私が私のfunction.phpファイル

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

そして、ここでは、現在持っているjavascriptのは、例えば、製品ページへのリンクです。 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はあなたのクラスです。あなたのスタイルファイルにスタイルを付けることができます。