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);

현재 가지고있는 자바 스크립트입니다 그리고 여기 예를 들어 제품 페이지에 링크입니다. http://store.lovesomelashes.com/product/c-curl-synthetic-mink-eyelash-extensions/

미리 감사드립니다.

Answer 1

이 코드 줄은 javascript가 아닙니다. 이것은 실제로 php이고 제품 세부 정보 (woocommerce_single_product_summary)에 대한 작업 (익명의 함수)을 woocommerce 후크에 추가하는 데 사용됩니다.

질문에 대한 간단한 대답으로 예를 들어 클래스를 링크에 추가하여 스타일을 지정하고 다른 버튼처럼 보이게 할 수 있습니다. 다음과 같이 코드를 변경하여 클래스를 추가하십시오.

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

my-button은 클래스이며, 스타일 파일에서 스타일을 지정할 수 있습니다.