WordPress產品 - 屬性多字段和ACF前端

Here is what I’m trying to achieve.WordPress產品 - 屬性多字段和ACF前端

根據地區（歐盟，英國，美國），您可以選擇大小。

我認爲我錯過了一些知識在哪裏把這些部分的代碼，因爲我試圖把'function.php'內的一切，但它只顯示我的切換器。

我在Attribute size（UK，US）中添加了2個更多的自定義字段。

Website I'm working on

屬性毛坯：尺寸與ACF添加

變量：英國尺寸，美國尺寸

我的屬性默認值：歐盟

代碼，我想放我的wordpress（但不知道要添加它們的位置）：

Php snippet

$us_size = get_field('us_size', $term); 
    $uk_size = get_field('uk_size', $term); 
    $cm_size = get_field('cm_size', $term); 
    printf('<div class="sizeRadio"> 
     <input type="radio" name="%1$s" value="%2$s" id="%3$s" %4$s> 
     <label for="%3$s"> 
     <span class="label_show" data-region="eu">%5$s</span> 
     <span data-region="us">%6$s</span> 
     <span data-region="uk">%7$s</span> 
     <span data-region="cm">%8$s</span> 
     </label> 
     </div>', $input_name, $esc_value, $id, $checked, $filtered_label, $us_size, $uk_size, $cm_size); 
}

JS片斷

$('[data-chooseregion]').on('click', function(e) { 
         $(this).addClass('active--sizeSelect').siblings().removeClass('active--sizeSelect'); 

         var $active = $('[data-region=' + $(this).data('chooseregion') + ']').addClass('label_show'); 

         $('[data-region]').not($active).removeClass('label_show'); 
         e.preventDefault(); 
        });

標記爲切換

<?php 
    echo '<a class="sizeSelect active--sizeSelect" data-chooseregion="eu" href="#">EU</a>'; 
    echo '<a class="sizeSelect" data-chooseregion="us" href="#" >US</a>'; 
    echo '<a class="sizeSelect" data-chooseregion="uk" href="#" >UK</a>'; 
    echo '<a class="sizeSelect" data-chooseregion="cm" href="#" >CM</a>'; 
?>

任何人都可以幫助我？

來源

2017-02-21 bkseen

我終於整理出來，而不是創建一個「動態」數據的變化，我選擇創建從2個字段的表我pa_size下如下：

if(!empty($terms)){ 
    echo '<button class="accordion">Size Chart <i class="fa-sitemap"></i></button> 
     <div class="panel"> 
      <table class="sf-table standard_bordered"><tbody><tr><td><strong>EU</strong></td>'; 
       foreach ($terms as $term) { 
        $eu_s = get_field('eu-size', 'pa_size_' . $term->term_id); 
        echo '<td>'. $eu_s .'</td>'; 
       } 
      echo '</tr><tr><td><strong>UK</strong></td>'; 
      foreach ($terms as $term) { 
        $uk_s = get_field('uk-size', 'pa_size_' . $term->term_id); 
        echo '<td>'. $uk_s .'</td>'; 
       } 
      echo '</tr><tr><td><strong>US</strong></td>'; 
       foreach ($terms as $term) { 
        $us_s = get_field('us-size', 'pa_size_' . $term->term_id); 
        echo '<td>'. $us_s .'</td>'; 
       } 
      echo '</tr></tbody></table></div>'; 
}

不要猶豫，如果任何問題關於它。

乾杯

來源

2017-03-09 05:19:08 bkseen

WordPress產品 - 屬性多字段和ACF前端

回答

相關問題