Block Blog Posts: Difference between revisions

From Posstack.com Documentation
(Created page with "''<to be updated>''")
 
mNo edit summary
Line 1: Line 1:
{{DISPLAYTITLE:Block: Blog Post Grid/Slider}}
The '''Blog Post Grid/Slider''' section allows you to include:
1. Articles: Show a list of articles from a specific blog or display all your articles.
2. Random Articles: Present a mixed selection of articles pulled randomly from your blog.
3. Related Info: For each blog post, you can include a featured image, the publication date, post tags, article excerpts, and a "Read more" button.
===Blog Post grid/slider use cases===
====Article carousel, grid, mansory layouts====
{{Note|See the article carousel, grid, and mansory layouts [https://easy-content-builder-demo.myshopify.com/pages/section-article-carousel here]|inline}}
=== How to add Blog Post Grid/Slider section ===
*'''Step 1''': Add a '''Section Settings''' section that allows you to control the global settings of the Blog Post Grid/Slider section.
:In this special section, you can specify multi-column layouts, activate full width, determine the section's maximum width, choose a background color, and set global margins and padding, among other options.
*'''Step 2''': Add an '''Blog Post Grid/Slider''' section and customize the settings according to your preferences.
{{Note|''If you are new to our Easy Content Builder, please take a look at the [[Add_section_settings|Add Sections]] section for detailed instructions on how to add a section to your theme.|inline}}
=== Blog Post Grid/Slider global settings ===
From the Shopify theme editor, click on '''Blog Post Grid/Slider''' on the sidebar to view the details of settings.
''<to be updated>''
''<to be updated>''

Revision as of 03:55, 4 April 2025


The Blog Post Grid/Slider section allows you to include:

1. Articles: Show a list of articles from a specific blog or display all your articles.

2. Random Articles: Present a mixed selection of articles pulled randomly from your blog.

3. Related Info: For each blog post, you can include a featured image, the publication date, post tags, article excerpts, and a "Read more" button.

Blog Post grid/slider use cases

Article carousel, grid, mansory layouts

See the article carousel, grid, and mansory layouts here

How to add Blog Post Grid/Slider section

  • Step 1: Add a Section Settings section that allows you to control the global settings of the Blog Post Grid/Slider section.
In this special section, you can specify multi-column layouts, activate full width, determine the section's maximum width, choose a background color, and set global margins and padding, among other options.
  • Step 2: Add an Blog Post Grid/Slider section and customize the settings according to your preferences.
If you are new to our Easy Content Builder, please take a look at the Add Sections section for detailed instructions on how to add a section to your theme.

Blog Post Grid/Slider global settings

From the Shopify theme editor, click on Blog Post Grid/Slider on the sidebar to view the details of settings.

<to be updated>