Products + Tab

Wolmart products tab is the perfect element to show lots of products as several groups in a small area. Please enjoy our product tab element!

Recommended Product Tabs

We recommend 4 often used product tab items to you. And you can also create your own product item as you want.

Tab Image
This item allows you to show recently arrived products to your customers
Tab Image
This item allows you to show top selling products to your customers
Tab Image
This option allows you to show top rating products to your customers.
Tab Image
This option allows you to show featured products to your customers.
Unlimited Possibilities

Make Your Own Items

We provide abundant and flexible product select options for customers. So you can create any kinds of products tab item as you want.

Please enjoy our products tab element and create amazing layout!

Product Image
Tab Image

Various Tab Types

We support 5+ prebuilt products tab types and lots of customize options. So you can create amazing products tab style without any coding skills.

Element Options Glossary

These options allow you to control any part of the element as you prefer, so you can build awesome design and layout with these options.

  • Tab Layout – Determine whether to arrange tab navs horizontally or vertically.
  • Tab Navs Position – Controls alignment of tab navs. Choose from Start, Middle, End.
  • Tab Type – Choose from 5 tab types. Choose from Default, Simple, Solid ,Outline, Underline.
  • Tab Border Radius – Controls the border radius of tab nav item.
  • Nav Box Margin – Controls margin of tab nav box.
  • Nav Typography – Controls nav item’s typography.
  • Nav Border Width – Controls the border width of nav item.
  • Product IDs – Choose product ids of specific products to display.
  • Select Products – Choose product name of specific products to display.
  • Select Categories – Choose categories which include products to display.
  • Select Brands – Choose brands which include products to display.
  • Product Count – Controls number of products to display or load more.
  • Product Status – Choose product status: All, Featured, On Sale, Recently Viewed.
  • Order By – Defines how products should be ordered: Default, ID, Name, Date, Modified, Price, Random, Rating, Total Sales.
  • Order Way – Defines products ordering type: Ascending or Descending.
  • Products Layout – Choose products layout type: Grid, Slider, Creative Layout (Masonry).
  • Image Size – Controls image size of products.
  • Columns – Controls number of products to display in one screen.
  • Columns (>=1200px) – Controls number of products to display in one srceen greater than 1200px.
  • Columns (<576px) – Controls number of products to display in one srceen under 1200px
  • Columns Spacing – Controls amount of spacing between columns.
  • Follow Theme Option – Choose to follows product type from theme options.
  • Product Type – Choose from 10 default product types.
  • Show In Box – Choose to show outline border around each product.
  • Shadow Effect on Hover – Choose to show boxshadow of product body on product hover event.
  • Media Shadow Effect on Hover – Choose to show boxshadow of product media on product hover event.
  • Show Information – Choose to show information of product: Category, Label, Price, Rating, Attribute, Cart, Compare, Quick view, Wishlist, Excerpt.
  • Show Sales Bar – Show off product stock status as progress bar and sold quanity.
  • Show Labels – Select to show product labels on left part of product thumbnail: Top, Sale, New, Out of Stock, Custom labels.