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

Question

http://skifimba.hostfree.pw/

这是我的网站。我是 php/js 的菜鸟，我想要以下东西：

在页面上，我为产品添加了请求按钮 (woocommerce)，单击它时会弹出联系表单。我想在联系表格的<p></p> 标签中回显产品名称。任何人都知道如何做到这一点？

按钮位置

First button

Second 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 粘贴到该页面上的开发工具控制台来进行测试。