Product Tab
Last updated
Last updated
A Product Tab in Shopify is typically used to organize product information into different tabs (such as Description, Specifications, Reviews, etc.) on the product page. This helps streamline the presentation of product details, making it more user-friendly and improving the shopping experience.
Navigate to Online Store > Themes > Live theme > Customize.
In Customizer > Add section > Product Tab
Use the provided text fields to add a suitable heading, subheading, or description. Leave any of them blank if you do not want to display them. Comment
You can change the heading size Comment
You can provide links to button labels. Comment
You can also change the button outline style
Column alignment: You can also change column alignment to left and center
Color Scheme: Set text color and background color with preset scheme
Number of columns on desktop: You can customize the support block by number of coloumn using a Range Selector or you can type directly in the text box
Maximum products to show: You can customize the product tab by the number of products using a Range Selector or you can type directly in the text box
Maximum products per row: You can customize the product tab by the number of products in a row using a Range Selector or you can type directly in the text box
Enable Slider: you can enable the image to slide by clicking the toggle button
Enable Slider Pagination: By turning on the toggle button, you can configure pagination for the slider products.
Enable Slider Navigation: By choosing the toggle button, you can configure navigation for the slider product.
Enable Tab Title: By choosing the toggle button, you can configure the settings to view the Tab title.
Enable item count: By choosing the toggle button, you can configure the settings to view the item product count.
Enable tab icon: By choosing the toggle button, you can configure the settings to view the tab icon.
Enable View all : if collection has more products than shown: By choosing the toggle button, View all collection that has more products to shown
Show product rating: By choosing the toggle button,you can configure the product rating in the collection lists
Note: (To display a rating, add a product rating app.)
Tab alignment: You can change tab alignment to Left, Center, or Right
Image ratio: you can set to change the image ration by selecting the dropdown with lists like (portrait,adapt to image and square)
Show second image on hover: By choosing the toggle button,You can show the secondary image on hover
Show vendor:By choosing the toggle button, You can configure the vendor name on the products in the collection
Desktop layout: you can change the desktop layout by selecting the dropdown with lists (First image,Product first, None) (Note:Image first is the default mobile layout.)
