Product Tab

To add this section, please follow below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Product Tab".

Section settings

General

Settings	Meaning
Layout	Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).
Padding Container Full Width	Determine the left and right spacing of the Full Width layout.
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile	Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.
Title	Enter in the title for the block.
Title Font Size	Specify the font size of the title on desktop.
Title Font Size Mobile	Specify the font size of the title on mobile.
Title Margin Bottom	Determine the spacing of the title from bottom on Desktop.
Enable Title Border?	Toggle Title Border
Title Border Color	Set color for the border/underline of the title.
Enable Border Title 2	Toggle border title 2 (This can only be used when adding a banner block.)
Border Color Title 2	Set color for the border/underline 2 of the title.
Title Color	Apply a color to the title.
Alignment	Select the alignment of the title to be either to the Left, Center or to the Right of the section.
Maximum Products To Show	Limit the number of products displayed on this block.

Animation

Settings	Meaning
Image Behavior	Select animation for images

Settings For Grid Layout

Settings	Meaning
Products Per Row	Select the column count for the grid.
Show Infinite Scroll Feature?	Toggle the feature to automatically load more products when user scrolls to the bottom of the grid.
Button Width	Determine the width of the button.

Settings For Slider Layout

Settings	Meaning
Show Dots On Desktop	Toggle the paginating dots on Desktop.
Show Dots On Mobile / Tablet	Toggle the paginating dots on Tablet and Mobile.
Show Arrows On Desktop	Toggle the navigation arrows on Desktop.
Show Arrows On Mobile / Tablet	Toggle the navigation arrows on Mobile.
Products Per Row	Select the slides to view count.

Settings For Scroll Layout

Settings	Meaning
Products Per Row	Select the product column count.
Show Half Of A Product Per View	Toggle to show a partial of product at the scroll box's edge.
Scrollbar Height	Specify scrollbar height
Scrollbar Track Background	Apply a background color to Scrollbar Track
Scrollbar Thumb Background	Apply a background color to Scrollbar Thumb
Scrollbar Thumb Hover Back	Apply a background color hover to Scrollbar Thumb
Enable Hover Drag Icon	Toggle the Drag icon for the Product Block

Settings For Block Banner

Settings	Meaning
Position On	Select the position of the banner to be to the Left or Right of the products.
Width	Set the width of the banner. The remaining width is for the products layout.

Settings Tab

Settings	Meaning
Style Tab Title	Select style for tab title: Style 1 : Padding on the left/right Style 2 : No padding on the left/right
Title Spacing Bottom	Determine the spacing of the tab title from bottom.
Title Font Type	Select font type for the tab title: Font family #1 or #2
Enable Separation Tab Title?	Toggle separation tab title.
Icon Separation With	Select icon separation for the tab title
Color Separation	Apply a color to the separation.
Enable Scroll Tab Title Mobile?	Toggle scroll tab title mobile?
Tab Font Size	Specify the font size of the tab title on desktop.
Tab Font Size Mobile	Specify the font size of the tab title on mobile.
Font Weight	Select the font weight for the tab title
Font Weight Active	Select the font weight for the tab title when it is active
Spacing Between Tab Title	Set spacing between items
Line Height	Determine the line height of the tab title on desktop.
Line Height Mobile	Determine the line height of the tab title on mobile.
Border Radius	Determine the roundness of the tab title.
Min Width Tab Item	Set min width for tab title
Border Width	Determine the width of the border for the tab title.
Tab Color - Tab Border Color - Tab Background Color - Tab Background Gradient - Tab Active Color - Tab Active Background Color - Tab Active Background Gradient	Set the text color, background color, and border color for both the normal and active states of the tab title

Block settings

[BLOCK] Product Tabs

Settings	Meaning
Title	Enter in the title for the tab.
Collection To Use	Select a collection to show on the block.

[BLOCK] Banner

Settings	Meaning
Image	Select/Upload image for the section.