Demo
![](https://guid.arrowtheme.com/magento/gemmart/images/products_tab_demo.jpg)
The Product Tabs element helps to Display products as tabs with many options.
- On Builder, click Add New Block button.
![](https://docs.arrowtheme.com/wp-content/uploads/2023/09/image-787-1024x146.png)
- On popup list blocks, click “Product Tabs” item.
![](https://docs.arrowtheme.com/wp-content/uploads/2023/09/image-788.png)
CONFIG BLOCK
Tab Config Tab
![](https://guid.arrowtheme.com/magento/gemmart/images/tab_product_block_3.jpg)
- New Products, Sale Products, Top Rate Products : Enable and Config Title & Position
- Click Add new tab button to add new tab.
- Choose an attribute to tab.
Product Config Tab
![](https://guid.arrowtheme.com/magento/gemmart/images/tab_product_block_4.jpg)
- Number of product to display: Limit the number of products shown.
- Item per row: Limit the number of items in a row on default resolution.
- Item per row (tablet): Limit the number of items in a row on tablet.
- Item per row (mobile): Limit the number of items in a row on mobile.
- Hide Product Name: Choose Yes to let the product name disappear.
- Hide Review: Choose Yes to let the product review disappear.
- Hide Price: Choose Yes to hide the product price.
- Hide Add to Cart: Choose Yes to hide the Add to Cart button.
- Hide Add to Wishlist: Choose Yes to hide the Add to Wishlist button.
- Hide Add to Compare: Choose Yes to hide the Add to Compare button.
- Use Slider: Choose Yes to add Carousel Slider for block product.If you use slider, you can see more config to owl slider:
- Number of row: The number of rows displayed in slider.
- Auto play: Choose Yes to let the slide play automatically.
- Stop autoplay on mouse hover: Choose Yes to stop the slide from playing when hover mouse.
- Loop: Choose Yes to let the slide play in loop.
- Display navigation: Choose Yes to display the navigation icons on the slide.
- Display pagination: Choose Yes to display the pagination indicator on the slide.
- Navigation slide by: Limit the number of items will be shown after each time you click on the navigation.
Category Config Tab
![](https://docs.arrowtheme.com/wp-content/uploads/2023/09/image-789.png)
- Click plus icon button to show sub categories.
![](https://docs.arrowtheme.com/wp-content/uploads/2023/09/image-790.png)
- Choose categories to filter product by select categories.
![](https://docs.arrowtheme.com/wp-content/uploads/2023/09/image-791.png)