EncodeDotHost

Neil Batchelor

A simple plugin to separate categories from products within the WooCommerce archive loop. 
By default the categories will be shown in a grid of 4 on desktop, three on tablet landscape, two on tablet portrait, and one on mobile. 
You can easily override this behaviour using CSS.

EDH Shop Categories

A simple plugin to separate categories from products within the WooCommerce archive loop.

alvaron

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
<h3>Arbitrary section</h3>
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/

WooCommerce Categories Menu

Description:Displays a three level product category menu(list or select input field) from WooCommerce Product categories. You can configure it as mult …

EDH Shop Categories vs WooCommerce Categories Menu