gpt4 book ai didi

javascript - WordPress 产品 - 属性多字段和 ACF 前端

转载 作者:行者123 更新时间:2023-11-28 04:58:12 25 4
gpt4 key购买 nike

Here is what I’m trying to achieve.

您可以根据区域(欧盟、英国、美国)选择尺寸。

我认为我缺少一些知识,因为我试图将所有内容放在“function.php”中,但它只向我显示切换器。

我在属性大小中添加了 2 个自定义字段(英国、美国)。

Website I'm working on

属性段:大小

使用 ACF 添加的变量:uk-size、us-size

我的属性默认值:EU

我想放入我的 WordPress 中的代码(但不知道添加它们的位置):

PHP 代码片段

$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>';
?>

有人可以帮我解决这个问题吗?

最佳答案

我最终将其整理出来,而不是创建“动态”数据更改,而是选择从 pa_size 下的 2 个字段创建一个表,如下所示:

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>';
}

如有任何疑问,请不要犹豫。

干杯

关于javascript - WordPress 产品 - 属性多字段和 ACF 前端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42359191/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com