Products + Tab

Riode 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.

Image
This item allows you to show recently arrived products to your customers
Image
This item allows you to show top selling products to your customers
Image
This item allows you to show top rating products to your customers.
Image
This item 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!

Image
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 Type – Choose from 6 tab types. Choose from Default, Stacked, Border, Simple, Outline, Inverse.
  • Tab Layout – Determine whether to arrange tab navs horizontally or vertically.
  • Justify Tabs – Set to make tab navs have 100% full width.
  • Active Border Width – Controls underline width of active nav in Default type tab.
  • Active Border Height – Controls underline height of active nav in Default type tab.
  • Vertical Nav Width – Controls nav width of vertical tab.
  • Nav Position – Controls alignment of tab navs. Choose from Start, Middle, End.
  • Product IDs – Choose product ids of specific products to display.
  • Categories – Choose categories 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).
  • Columns – Controls number of columns to display.
  • Columns Spacing – Controls amount of spacing between columns.
  • Rows Count – Controls row count in slider layout.
  • Vertical Align – Choose from top, middle, bottom and stretch in slider layout.
  • Use Custom Layout – Use creative layout preset or build your own.
  • Creative Layout Presets – Choose from 9 supported presets.
  • Auto Row Height – Make base creative grid item’s height to their own.
  • Customize Grid Items – Add any grid item indexes with rules to determine width and height. Customers could also change each item’s product type.
  • Load More – Allows you to load more products by ajax: By button, By scroll.
  • Filter by Category Widget – Choose to filter products  by category with another category element in same row or section.
  • Show Category Filter – Defines whether to show or hide category filters above products.
  • Image Size – Choose size of product thumbnail.
  • Follow Theme Option – Choose to follows product type from theme options.
  • Product Type – Choose from 4 default types: Default, Classic, List, Widget.
  • Show In Box – Choose to show outline border around each product.
  • Show Reviews Text – Choose whether to show “reviews” text beside rating count or hide text.
  • Show Information – Choose to show information of product: Category, Label, Price, Rating, Attribute, Cart, Compare, Quick view, Wishlist, Excerpt.
  • Show Labels – Select to show product labels on left part of product thumbnail: Top, Sale, New, Out of Stock, Custom labels.
  • Content Align – Text alignment of product content: Left, Center, Right.
  • Cart Position – Choose cart position from: Top, Bottom, 100% fullwidth, With quantity input. (for default type)
  • Quickview position – Choose quickview position from: Top, Bottom. (for default type)
  • Wishlist Position –   Choose wishlist position from: Top, Under. (for default type)
  • Hover Effect – Choose content’s hover effect from: Default, Popup, Slide-up. (for classic type)
  • Progress Bar – Choose what progress bar should mean: None, Sale count, Stock count.