如何为woocommerce创建动态的hierachal下拉列表

时间:2016-02-19 10:27:28

标签: php ajax wordpress

我的产品类别最多有4层,并且有traditional menu,我想使用4个<select>元素创建一个菜单,这些选项根据之前的选择动态变化。

它看起来像this.

这不需要过滤产品!它纯粹是为了创建一个重定向链接。

我似乎找不到这样做的插件,我看到了更复杂的过滤插件,但似乎都没有满足我的需求。所以任何有关如何实现这一点的帮助都会很棒。

特别是我正在努力解决的问题的PHP wp_query方面。

1 个答案:

答案 0 :(得分:0)

http://woocommerce.wp-a2z.org/oik_api/wc_product_dropdown_categories/

just open This link and watch ....
Here is the code for your Dropdwon for categories 

 or just use this code :-----------------

 add_shortcode( 'product_categories_dropdown', 
                          'woo_product_categories_dropdown' );
        function woo_product_categories_dropdown( $atts ) {
       extract(shortcode_atts(array(
                   'count'         => '0',
                    'hierarchical'  => '0',
                          'orderby'         => ''
                           ), $atts));

            ob_start();

         $c = $count;
             $h = $hierarchical;
            $o = ( isset( $orderby ) && $orderby != '' ) ? $orderby :  
                             'order';

            // Stuck with this until a fix for     
            http://core.trac.wordpress.org/ticket/13258
        woocommerce_product_dropdown_categories( $c, $h, 0, $o );
    ?>
        <script type='text/javascript'>
            /* <![CDATA[ */
                var product_cat_dropdown =    
             document.getElementById("dropdown_product_cat");
    function onProductCatChange() {
        if (     
     product_cat_dropdown.options[product_cat_dropdown.selectedIndex].value 
        !=='' ) {
            location.href = "<?php echo home_url(); ?>/?     

                     product_cat="+product_cat_dropdown.options[product_cat_dropdown.selectedIndex].value;
         }
      }
    product_cat_dropdown.onchange = onProductCatChange;
         /* ]]> */
             </script>
       <?php

      return ob_get_clean();

         }