【问题标题】:Customizing the product addon section in woocommerce? [closed]在 woocommerce 中自定义产品插件部分? [关闭]
【发布时间】:2015-07-20 21:39:02
【问题描述】:

我正在做一个电子商务项目,我在产品页面上添加了产品插件,有四个选项。我想为第一个上传选项添加一个单选按钮,当用户选择该选项时,我想为用户提供上传选项。我不知道该怎么做,我必须编辑哪些文件!添加这个功能?

wordpress的主题文件夹中的functions.php是否需要修改?

【问题讨论】:

  • 我们不知道如何回答这个问题。我们不知道您的代码是什么样的;所以我们无法帮助您与之交互。
  • 如果你想要一个肮脏的解决方案,我敢打赌你可以很容易地用一些 html 和 javascript 技能做到这一点。如果您想要一个“正确”的解决方案,我认为您应该了解 wordpress API。无论如何,如上所述,请提供更多信息。

标签: javascript php jquery wordpress


【解决方案1】:

WordPress 仅限于你的想象力

确实如此 - 您的 WordPress 有成千上万种不同的插件、主题、附加组件等。不知道你到底在说什么,这只是在黑暗中拍摄

我想为第一个上传选项添加一个单选按钮,当用户选择该选项时,我想为用户提供上传选项。

以下代码 sn-p 为您完成工作(添加样式,更多功能)

<form id="form_1" type='application/x-www-form-urlencoded' method="post">
    <label for="product_1">Product 1</label>
        <input form="form_1" type="radio" value="1" name="products" id="product_1" />
        <input form="form_2" type="file" name="products" id="product_1_upload" style="display: none;" /><br>
    <label for="product_2">Product 2</label><input form="form_1" type="radio" value="2" name="products" id="product_2" /><br>
    <label for="product_3">Product 3</label><input form="form_1" type="radio" value="3" name="products" id="product_3" /><br>
</form>
<form id="form_2" method="post" enctype='multipart/form-data'></form>

<button id="form_submit"/>Submit</button>

<script>

    $('input[type=radio][name=products]').change(function()
    {
        if ($('#product_1').prop('checked') == true)
        {
            $('#product_1').css({'display' : 'none'});
            $('#product_1_upload').css({'display' : 'inline-block'});
        }
        else
        {
            $('#product_1').css({'display' : 'inline-block'});
            $('#product_1_upload').css({'display' : 'none'});
        }
    });

    $('#form_submit').click(function()
    {           
        if ($('#product_1_upload').val() || $('#product_1').prop('checked') == true)
        {
            $('#form_2').submit();
        }
        else
        {
            $('#form_1').submit();
        }
    });

</script>

【讨论】:

猜你喜欢
  • 2014-07-16
  • 1970-01-01
  • 1970-01-01
  • 2017-10-31
  • 1970-01-01
  • 2018-11-12
  • 2019-11-12
  • 1970-01-01
  • 2021-07-30
相关资源
最近更新 更多