Featured blog post

Layout on Default Blog page

To add this section, please follow the 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 "Featured blog post".

Setting	Description
Show separator line	Displays a line at the bottom to visually separate this section from the other sections.

Blog post card

Setting	Description
Article	Select a blog post to show on this section
Image ratio	Determines the ratio between the image's width and height. Select image ratio from the dropdown menu: Adapt to image Portrait Square Circle Landscape
Show date	Enable/disable checkbox
Show author	Enable/disable checkbox
Color scheme	Select a color scheme to set the text and background colors for the blog post card

Product card

Setting	Description
Heading	Add text to display as a heading of the product card (Leave the field blank to hide the heading)
Collection	Select a collection to show products on this section
Color scheme	Select a color scheme to set the text and background colors for the product card

Carousel

Setting	Description
Enable infinite scroll	Select this option if you want the products to scroll infinitely.
Enable pagination	Display pagination on devices: None On every device Only on desktop Only on (desktop, tablet) Only on (tablet, mobile) Only on mobile
Pagination type	Select the pagination type from the dropdown menu: None Dots Progressbar Fraction

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Top padding on mobile	Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding on mobile	Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).