Product Block
Last updated
Last updated
To add this section, please follow below steps:
Steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Product Block".
Layout
Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).
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.
Sub Title
Enter the Sub title for the section.
Sub Title Font Size on Desktop, Tablet, Mobile
Determine the font size of the Sub title on Desktop, Tablet and Mobile separately.
Select Font Type
Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.
Sub Title Font Weight
Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.
Sub Title text transform
Select the text transform of the subtitle to be either uppercase, lowercase, capitalize, none.
Sub Title Letter Spacing
Enter the letter spacing for the title.
Sub Title Color
Set the color for the subtitle.
Sub Title Spacing Bottom on Desktop, Tablet, Mobile
Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.
Title
Enter the title for the block.
Title Color
Set the color for the title.
Title Font Size on Desktop, Tablet, Mobile
Determine the font size of the title on Desktop, Tablet and Mobile separately.
Title Spacing Bottom on Desktop, Tablet, Mobile
Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.
View All
Set View All button link, icon, Font Size, Font Weight, Text Transform, Alignment, Alignment Mobile
Maximum Products To Show
Select the Maximum Products To Show.
Products Per Row on Desktop, Tablet, Mobile
Select the column count for the grid on Desktop, Tablet and Mobile separately.
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 Mobile / Tablet
Toggle the navigation arrows on Mobile.
Products Per Row on Desktop, Tablet, Mobile
Select the slides to view count on Desktop, Tablet and Mobile separately.