Blog Post List

About Shine Blog Post ListClick to copy 2222

Shine Blog Post List displays a curated blog post list on your Shopify page. This encourages brand authority identity and enhances customer engagement.

Blog Post List

Access Shine Blog Post ListClick to copy 2222

From any page, click on ‘Add Section’ on the left sidebar, then choose Blog Post List.

Blog Post List

Shine Blog Post List ConfigurationClick to copy 2222

GeneralClick to copy 2222

You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.

Blog Post List

You can adjust the Section subheading, Section heading, and ​​Section description for the section by entering content on the text fields.

Note: ​​To highlight the Heading, place them between ‘[‘ and ‘]’ in the heading input field. Example: [Free shipping] please kindly follow the details here.

You can also change the heading size by selecting: H2, H3, H4 or H5.

Blog Post List

To display the blog posts list, click Select > Choose blog category or Create blog.

Blog Post List

If you want to customize the Items to show, adjust the slider.

Blog Post List

Blog Post CardClick to copy 2222

You can click on the checkbox to display the featured image. After that, you can choose the image ratio: Landscape or Square.

Blog Post List

Next, you can click on the check box to show:

  • Blog’s tags
  • Published date
  • Author
  • Excerpt

Blog Post List

Large ScreenClick to copy 2222

There are 3 options for Section heading position hereby:

  • Top left:

Blog Post List

  • Top center:

Blog Post List

  • Inline:

Blog Post List

On the list style, you have 2 option to select: Grid or Carousel, and select item to display per row: 3,4 or 5:

Blog Post List

Mobile ScreenClick to copy 2222

You can select the heading position on the left or center on the mobile screen.

On the list style, you have 2 option to select: Grid or Carousel:

Blog Post List

SpacingClick to copy 2222

You have the option to activate ‘Remove Outer Spacing Top’ and ‘Remove Outer Spacing Bottom.’ These settings will make the top and bottom margins of a section smaller, which will bring it closer to the sections directly above and below it.

Blog Post List

ButtonClick to copy 2222

You can click on the checkbox to enable the ‘View All’ button, which will be linked to the blog page.

Blog Post List

You can choose from one of three styles for this button:

  • Filled:

Blog Post List

  • Outlined:

Blog Post List

  • Text link:

Blog Post List

Navigate this category