4. Navigation UI

woocommerce product table lite

Aim: Create a smart navigation system for your table. Learn how to add navigation elements above and to the left of the table. Also make the navigation fully responsiveness so that it is convenient to use on phones as well.

WooCommerce Product Table tutorial 4

Header & Left sidebar

Sort By filter

Category filter

Price filter

Clear Filters

Dropdown width

Responsive navigation