Wordpress - 单击按钮后将Woocomerce产品名称转移到联系表单

Question

appropriate headers

这是我的网站。我是php / js中的菜鸟，我想要以下内容：

在页面上，我为产品添加了“请求”按钮（woocommerce），点击后会弹出“联系”表单。我想在联系表单中的main-local.php标记中回显产品名称。任何人都知道如何做到这一点？

按钮位置

http://skifimba.hostfree.pw/

First button

Answer 1

您只需在请求按钮上添加一个点击处理程序，找到'h3'的文本，并将模态表单的“名称”字段值设置为该值。

以此JavaScript为例

jQuery(document).ready(function($){
    // When the Request button is clicked
    $('.request-form-btn').on('click', function(){
        // Set 'title' to the closest product's h3 text
        var title = $(this).closest('.prod-i').find('h3').text();

        // Set the value of the "name" field to the title we got above.
        $('[name="modal_name"]').val( title );
    });
});

看来你正在使用高级主题，所以如果有的话，将其添加到网站的“自定义/正文/页脚”脚本部分，否则你需要使用其中一个“页眉/页脚” “可用的脚本插件。

您可以通过将JavaScript粘贴到该页面上的开发工具控制台来测试这一点。