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 |
---|---|
Layout | 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. |
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. |
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 | Set color for the button of the blog post card. |
Button Blog Color Border - Button Blog Background Color - Button Blog Color Hover - Button Blog Color Border Hover - Button Blog Background Color Hover | Set color for the border, background of the blog post card button for both normal and hovered/clicked states. |
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. |
Last updated