The Blog post is not only a place to provide information, but also a space for us to connect and share. Feel free to express your thoughts, ask questions and join the conversation. We always value your contributions and look forward to building a growing and connected community.

1. How to access Blog Post page?

Step 01: From Shopify Admin, click on Online Store > Select Theme > In the Current theme section, click the Customize button.

Step 02: In the theme editor (Customize), click to open dropdown pages in the topbar > select Blog posts > select Default blog post

Step 3: In the Sections tab > scroll and find Posts in Template

You can change the preview post

In the Sections tab > find Preview & click Change button > search & choose an article you want preview

2. How to customize Posts section?

2.1. Posts

2.1.1. General

• Color scheme: Selects the color palette for the section, ensuring harmony with the overall website design and creating a unified visual experience
• Content max width (This does not apply to the feature image): Set the maximum width for the article's text content container

Section padding

• Top padding (Desktop/Mobile): Creates space above the content within an element, separating it from elements above and improving visual layout.
• Bottom padding (Desktop/Mobile): Creates space below the content within an element, separating it from elements below and improving visual layout.

2.1.2. Theme Settings

In the Posts > click open Theme Settings tab

• Page width: Defines the maximum width of the page content, controlling layout and ensuring optimal display across devices
• Modal/drawer/popover color scheme: Select the color scheme for pop-up windows, drawers, or popovers, ensuring aesthetics and consistency with the overall design.

2.1.3. Custom CSS

Allows users to customize by adding CSS rules, beyond the limitations of default settings. This allows for fine-tuning the design to every detail, to suit specific needs.

Add custom styles to this section only.

• To add custom styles to your entire online store, go to theme settings*

2.2. Blocks

2.2.1. Feature image block

To add Feature image block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Feature image block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

• Image ratio: Adjust the aspect ratio of collection images, ensuring images display beautifully and propotionally (Adapt to image, Square, ASOS, Portrait, Lanscape,...)

2.2.2. Title block

To add Title block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Title block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

• Show date: A simple toggle (enable/disable) to display the publication date of each blog post.
• Date format: This allows you to choose how the date is displayed (e.g: April 19, 2025, etc.). Themes often provide a dropdown with various formatting options
• Show comments count: If comments are enabled for your blog posts, this toggle will display the number of comments each post has received.

2.2.3. Content block

To add Content block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Content block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

• Show tags: Display tags related to articles, helping readers easily search for articles on the same topic and discover more similar content.

2.2.4. Separator block

To add Separator block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Separator block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

2.2.5. Author block

To add Author block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Author block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

• Bio link text: Nhập văn bản hiển thị cho tiểu sử liên kết của tác giả, thường dẫn đến trang thông tin tác giả hoặc các kênh liên lạc khác.

2.2.6. Share block

To add Share block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Share block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

This content is from your blog post.

2.2.7. Prev/next blog posts block

To add Prev/next blog posts block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Prev/next blog posts block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

This content is from your blog post.

2.2.8. Comments block

To add Comments block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Comments block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

• Show avatar: Displays the avatar of the author of the article or commenter, increasing personalization and recognition.
• Show date: Displays the date the article was published or the date the comment was sent, providing information about the time and freshness of the content.
• Comments per page: Determines the number of comments displayed on each page, helping to manage and improve page loading speed when there are many comments

2.2.9. Back to blog block

To add Back to blog block to the Posts section, click the Add item button (plus icon ➕) under the Posts section.

Once the Back to blog block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)

This content is from your blog post.

Updated on: 15/08/2025