나는, "금속"와 "반지 사이즈"를 추가 한 내 woocommerce 단일 제품 페이지에 두 개의 속성이 WooCommerce 변수 제품 속성 선택한 값

Question

를 가져옵니다. 그것들은 내 제품 페이지에서 선택 항목을 드롭 다운하는 것과 같은 "변형"입니다.

내가 내 버튼의 클릭에 할 수 있도록하려면, 나는 잡아 선택된 값 할 수있을 내 URL 매개 변수에 넣을 수 있습니다.

내가 잡고있는 값이 정확하지 않은 부분까지 모든 것을 해결했다.

$metal = $product->get_attribute('Metal'); 

http://example.com/?metal=18K%20White%20Gold%20|%2018K%20Yellow%20Gold%20|%20Rose%20Gold%20|%20Platinum 

난 그냥 드롭 다운 메뉴에서 선택한 무엇을 원하는 ...

는 는

지금까지이 시도했지만 그것은 단지 나에게이 가능한 값/선택이 아닌 하나의 선택된 값을 속성의 목록을주고있다 , 다음과 같이 입력하십시오.

http://example.com/?metal=Platinum 

Answer 1

다음은 약간의 사용자 정의가 필요한 코드 예제입니다. 이 코드는 것입니다 : 같은 사용자 정의 HREF 값 (테스트 목적)

• 디스플레이 일시적으로 사용자 정의 버튼 :
  home-url/?metal= ...
• 이 "금속"에서 선택한 가치를 얻을 수 (home-url 귀하의 웹 사이트의 URL입니다) 버튼 URL에 추가합니다. 어떤 플러그인 파일도

  add_filter('woocommerce_single_variation', 'get_variation_selectected_value', 25); 
  function get_variation_selectected_value() { 
      global $product; 
  
      // Display button (Just for testing purpose) 
      // You can remove or comment the line of code below … 
      // But you need to set your url like: http://example.com/?metal= 
      echo '<br /><a href="'.home_url("/?metal=").'" class="book-now button">'. __('Make an Appointment Now') .'</a>'; 
  
      // The script 
      ?> 
      <script> 
      jQuery(document).ready(function($) { 
       // Get the default value 
       var selectedValue = $('select#metal option:checked').val(), 
        hrefAttribute = $('a.book-now').attr("href"); 
        $('a.book-now').attr("href", hrefAttribute+selectedValue); 
  
       // Display on browser console (for test) 
       console.log($('a.book-now').attr("href")); 
  
       // Get the live selected value 
       $('select#metal').blur(function(){ 
        selectedValue = $('select#metal option:checked').val(); 
        hrefAttribute = $('a.book-now').attr("href"); 
        $('a.book-now').attr("href", hrefAttribute+selectedValue); 
  
        // Display on browser console (for test) 
        console.log($('a.book-now').attr("href")); 
       }); 
      }); 
      </script> 
      <?php 
  } 
  

  코드 활성 자식 테마 (또는 테마)의 function.php 파일에 간다 나 : 여기

는 코드입니다.

코드는 (다른 속성) 테스트를 그냥 작동하고있다. 앞에서 코드를 사용