Follow for free plugins, new theme releases and theme news
Plugin Description
Description:Displays a three level product category menu(list or select input field) from WooCommerce Product categories. You can configure it as multiple widgets or short code and add some useful css properties.
More info about the plugin: http://www.wpworking.com/
Ask for support on wpworking@wpworking.com
Purchase the WCCTM PRO Version on http://www.wpworking.com/shop/ and get total toggle menu, plus control on excluding categories, colouring, style and positioning every element on the menu
Check the live demos on http://www.wpworking.com/wcctmpr-woocommerce-categories-menu-pro-live-demos/
The result div is on div class menu-categs-box, table id div_postlist so you can play with css
Check the live demos on http://www.wpworking.com/wcctmpr-woocommerce-categories-menu-pro-live-demos/
horizontal menu
[wcctm usest = “true” excat = “528,530” tpset=”m” selprdtxt = “Select” posmncpos = “relative” ortmncpos = “horizontal” dspseclev = “true” dspthrlev = “true” ulv1fts = “16” ulv1wid = “120” ulv2fts = “14” ulv2wid = “120” ulv3fts = “12” ulv3wid = “120” mngerst=”” sbgerst=”border:1px #ff9900 solid;background:#f9f9f9″]
select menu
[wcctm usest = “true” excat = “528,530” tpset=”s” selprdtxt = “Product Categories” posmncpos = “relative” ortmncpos = “horizontal” dspseclev = “true” dspthrlev = “true” ulv1fts = “16” ulv1wid = “250” ulv2fts = “14” ulv2wid = “120” ulv3fts = “12” ulv3wid = “120” mngerst=”” sbgerst=”border:1px #ff9933 solid;background:#f9f9f9″]
Parameters
Use Custom Styles: e.g. usest = false
Exclude Categories: e.g. excat = 17,77
Menu Type: tpset=”m” // m=list menu , s = select input field menu
Select Field first option text: selprdtxt = “Select, or Anything you want”
Menu CSS position: posmncpos = “relative” // you can set it to absolute, fixed, or any CSS valid value
Menu Orientation:ortmncpos = “horizontal” // you can also choose vertical, works only for list menu
Display Second Level Category: dspseclev = “true” // choose true or false
Display Third Level Category: dspthrlev = “true” // choose true or false
First level category font-size: ulv1fts = “16” , any number works only for list menu
First level category width: ulv1wid = “120” , any number works only for list menu
Second level category font-size: ulv2fts = “14” , any number works only for list menu
Second level category width: ulv2wid = “120” , any number works only for list menu
Third level category font-size: ulv3fts = “12” , any number works only for list menu
Third level category width: ulv3wid = “120” , any number works only for list menu
Menu container CSS properties: e.g. mngerst = border:1px #666 solid;background:#f4f4f4
SubMenus lis CSS properties: e.g. sbgerst = border:1px #999 solid;background:#f9f9f9
PRO Features
Main Container Background Color: e.g. mlibgclr = #ff9933
Main Container Border Style: e.g. mlibrdclr = 1px red solid
First Category List Item Link Font Color: e.g. flifntclr = #ff0033
First Category List Item Link Hover Font Color: e.g. flihvfntclr = #ff9933
First Category List Item Border Style: e.g. flibrdclr=1px red solid
First Category List Item Background Color: e.g. flibgclr=#ff0033
First Category List Item Hover Background Color: e.g. flihvbgclr=#ff9933
First Category List Item Extra Style: e.g. flixtcss=padding:0px;line-height:23px
Select Form Field Font Color: e.g. cbfntclr=#ff9933
Select Form Field Background Color: e.g. cbbgclr=#ff9933
Select Form Field Extra Style: e.g. cbxtcss=padding:0px;line-height:23px
Display First Image Category: e.g. useimg1=true
First level category image width(any number works only for list menu): e.g. widimg1=120
First Level Category Image Extra Style: e.g. img1xtcss=border:1px green dotted
Display Second Image Category: e.g. useimg2=true
Second level category image width(any number works only for list menu): e.g. widimg2=120
Second Level Category Image Extra Style: e.g. img2xtcss=border:1px green dotted
Toggle Menu Header Font Color: e.g. plifntclr = #ff0033
Toggle Menu Header Hover Font Color: e.g. plihvfntclr = #ff9933
Toggle Menu Header Border Style: e.g. plibrdclr=1px red solid
Toggle Menu Header Background Color: e.g. plibgclr=#ff0033
Toggle Menu Header Background Color: e.g. plihvbgclr=#ff9933
Manu Extra Style: e.g. xtcss=padding:0px;line-height:23px
Arbitrary section
If you have any questions, please let me know wpworking@wpworking.com
If you need any help after purchasing, you can count on WpWorking Support http://www.wpworking.com/support/
Screenshots
Configuring shortcode on wp-admin
Configuring multiwidget on wp-admin
Displaying list menu on front-end
Displaying select menu on front-end
