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.
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 03: 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
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.
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.
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*
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,...)
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.
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.
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)
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.
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.
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.
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
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.
