Featured Blog
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 "Featured Blog".
1. Section Feature
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.
Background Color, Background Gradient, Background Image
Apply Background Color, Background Gradient, Background Image on the background of the section.
Top / Bottom Border
Set Border Width, Border Color.
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
Select Blog
Select a blog to render its blog posts.
Posts Limit
Determine the maximum number of blog posts to render.
Posts Content Description Limit
Determine the maximum words for the description to truncate if exceeded.
Show Author
Toggle to show Author of the Blog Post.
Show Date
Toggle to show Author of the Blog Post.
Show Description
Toggle to show Description of the Blog Post.
Show Read More Button
Toggle to show a button that navigates to the Blog Post Page on clicked.
Slideshow Auto Play
Toggle to Auto Play of the Blog Post.
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 Slide on Desktop, Tablet, Mobile
Select the slides to view count on Desktop, Tablet and Mobile separately.
Background Color
Set the background color for all blog posts.
Image Margin Bottom
Determine the spacing of the blog post image from its bottom.
Title Spacing Bottom
Determine the spacing of the blog post title from its bottom.
Info Margin Bottom
Determine the spacing of the blog post title from its bottom.
Description Margin Bottom
Determine the spacing of the blog post description from its bottom.
Alignment
Select the alignment of the blog post content to be either to the Left, Right or Center of the blog post card.
Blog Link Text Transform
Select the font style transform of the Blog Link text. The options are: None, Capitalize, Uppercase and Downcase.
Blog Link Font Weight
Select the font weight of the blog link to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.
Blog Title Style
Select the style of the blog title.
Title Blog Font Size on Desktop, Tablet, Mobile
Determine the font size of the title on Desktop, Tablet and Mobile separately.
Blog Title Text Transform
Select the font style transform of the Blog Link text. The options are: None, Capitalize, Uppercase and Downcase.
Blog Title Font Weight
Select the font weight of the blog link to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.
Last updated