獲取WooCommerce變量產品屬性選定的值

Question

我在我的woocommerce單品頁面中添加了「Metal」和「Ring Size」兩個屬性。它們是「變體」，因此它們可以在我的產品頁面上下拉選擇。

我希望能夠在我的點擊按鈕，我可以能夠搶選定值，並把它放到我的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文件或也以任何插件文件。

該代碼已經過測試（與另​​一個屬性），只是工程。