With Categoried Tab Block you can put WooCommerce category products as carousel tabs in every where on page or post , it support multi rows , columns, products show as carousel, fully responsive, customize anything : loading icon, product template, css, pagination , navigation , auto play , ….
How to add block to post/page ?
You go to Backend >> Edit/Add New Post/Page >> Click to Add New Block >> select Jmsthemes Blocks Tab >> Choose Categories Tab Block
After choose Categories Tab Block, A Categories Tree Window will see you can set Categories to show
Then click to “Done” Button you can set options for it on right sidebar. Following All Setting for it
- Set categories show again if you want change.
- Set for Category Image Show/Hide.
- Set for product count Show/Hide.
- Total items to show : Total number of products to show.
- Products per Row : Number of column in grid.
- Number of Rows: Number of rows in grid.
- Margin Right on item
- Side by Page: If set carousel will slide by page instead of columns.
- Loop Slider : Slider will loop.
- Rewind Slider : Go backwards when the boundary has reached.
- Pagination : Show/Hide Pagination.
- Navigation : Show/Hide Navigation.
- Auto Play : Slider Auto play
This is all setting for responsive
- Items in Desktop : number of products show on desktop.
- Items in Table : number of products show on table.
- Items in Mobile : number of products show on mobile.
- Sort By : Product sort by , default is latest
- Sort Direction : Asc or Desc
- Use Custom tpl : Default it will use standard product box template from active theme or woocommerce (content-product.php) but if you want it show another template you set for Use Custom tpl to Yes then enter new template file name, it will get template from new file.
- Loading : It supports 9 loading icons, you can choose one from them.
- Additional Css ID : Add ID for block.
- Additional Css ID : Add Class for block.