Blog Posts List
To add this section, please follow below 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 "Blog Posts List".
Section settings
General
Settings | Meaning |
---|---|
Section Width | 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. |
Title | Enter in the title for the section. |
Blog
Settings | Meaning |
---|---|
Select Blog | Select blog to show. |
Grid Gap | Determine the gap between menu items. |
Posts Limit | Limit the number of post to show. |
Posts Content Description Limit | Limit the description word count to truncate. |
Title Spacing Bottom | Determine the spacing of the title from bottom. |
Info Margin Bottom | Determine the spacing of the info from bottom. |
Description Margin Bottom | Determine the spacing of the description from bottom. |
Info Margin Left | Determine the spacing of the info from left. |
Button Blog Color | The text color of the button on the blog post card. |
Button Blog Color Border | The border color of the button on the blog post card. |
Button Blog Background Color | The background color of the button on the blog post card. |
Button Blog Color Hover | The text color of the button on the blog post card for hover state. |
Button Blog Color Border Hover | The border color of the button on the blog post card for hover state. |
Button Blog Background Color Hover | The background color of the button on the blog post card for hover state. |
View all | Enter the text for the "View all" link. |
View All Font Weight | Select the font weight of the "View all" |
View All Margin Top | Determine the top spacing of the "View all". |
Enable View All Border? | Enable View All Border? |
View All Link | Set URL for the "View all" to redirect to if the "Redirect To URL" is selected. |
View All Color | Apply a color to the "View all" of the section. |
Spacing Top
Settings | Meaning |
---|---|
Desktop | Determines the spacing of the section from its top sections on Desktop. |
Tablet | Determines the spacing of the section from its top sections on Tablet. |
Mobile | Determines the spacing of the section from its top sections on Mobile. |
Spacing Bottom
Settings | Meaning |
---|---|
Desktop | Determines the spacing of the section from its bottom sections on Desktop. |
Tablet | Determines the spacing of the section from its bottom sections on Tablet. |
Mobile | Determines the spacing of the section from its bottom sections on Mobile. |
Last updated