1
Here is what I’m trying to achieve.WordPress产品 - 属性多字段和ACF前端
根据地区(欧盟,英国,美国),您可以选择大小。
我认为我错过了一些知识在哪里把这些部分的代码,因为我试图把'function.php'内的一切,但它只显示我的切换器。
我在Attribute size(UK,US)中添加了2个更多的自定义字段。
属性毛坯:尺寸与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>';
?>
任何人都可以帮助我?