WooCommerce에서 모바일 버전의 맞춤 뒤로 버튼을 클릭 할 수 없습니다.

Question

Woocommerce에서 사용자 정의 뒤로 버튼이 있지만 모바일 버전에서 클릭하면 작동하지 않습니다.

버튼이 이미지에 연결되지만 뒷면 기능에는 연결되지 않습니다.

add_action('woocommerce_before_single_product_summary', 'woocommerce_before_single_product_summary_button', 5); 

function woocommerce_before_single_product_summary_button() { 
    echo ' <button class="backbutton" type="button" onclick="history.back();"> Back </button> '; 
} 

그것은 데스크톱 버전에서 작동하지만 모바일 버전 :

여기 내 코드입니다.

모바일 및 데스크톱 버전에서 어떻게 작동합니까? 당신의 후크 기능 내부

Answer 1

, 나는 당신의 <button>이 버튼을 클릭하면 감지하고 모바일 터치 장치를 포함, 모든 곳에서 작동해야 비슷한 이벤트 history.go(-1);을 유발하는 jQuery를 스크립트를 포함 <a>로 대체했다.

add_action('woocommerce_before_single_product_summary', 'woocommerce_before_single_product_summary_button', 5); 
function woocommerce_before_single_product_summary_button() { 
    echo ' <a href="#" class="back-button button"> '. __('Back').' </a> '; 
    ?> 
     <script> 
      (function($) { 
       $('a.back-button').click(function(e){ 
        e.preventDefault(); 
        history.go(-1); 
       }); 
      })(jQuery); 
     </script> 
    <?php 
} 

이 코드는 활성 하위 테마 (또는 활성 테마)의 function.php 파일에 있습니다.

이 작동합니다 (안드로이드와 사파리 바탕 화면에서 테스트가 아닌 iOS에서) ...