WooCommerce和SimpleModal - 如何列出类别中的产品

时间:2013-09-13 21:09:01

标签: jquery wordpress woocommerce simplemodal

我正在尝试在WordPress / WooCommerce中创建一个选项,该选项将利用jQuery使用Eric Martin的简单模态窗口插件启动模态窗口:http://www.ericmmartin.com/projects/simplemodal/

我可以使用以下方法实现模态窗口并通过ajax将页面拉入模态窗口:

        jQuery('#battery-selector').click(function (e) {
    jQuery('<div ></div>').load('http://vapelife.creativesparkdev.com/wp-content/plugins/woocommerce-vapelife/templates/product-select.php').modal(); // AJAXL
    return false;
});

现在,因为我正在加载WordPress框架之外的页面,所以我无法使用a循环加载一类产品。我有什么想法可以做到这一点吗?

1 个答案:

答案 0 :(得分:0)

此类通话http://example.com/wp-content/plugins-themes/whatever/file.php不正确。没有插件或主题文件像这样工作(它可以,但在罕见和特殊编码的场合)。

这种方式有效:

jQuery('<div ></div>').load('http://example.com/some-real-page-url/').modal();

使用所需模板(some-real-page-url)创建一个页面并将其加载到您的AJAX调用中。

但是我用TwentyEleven / Twelve / Thirteen测试了这个简单的模态并且表现不佳。也许Page Template必须进行大量自定义,即您自己的标题而不是get_header()