Blog Posts

by Admin on Jan 26, 2025

1. What is the Blog Posts Section?

The Blog Posts Section is a dedicated area on your website where multiple blog posts are displayed together. This section typically showcases the most recent or most relevant blog posts, allowing visitors to easily browse and access the content.

2. Section Components

Section

A display area for a selection of blog posts.

3. Location & Setup

Go to “Online Store” > “Themes” > “Customize”.
Select where you want to place it
Click "Add Section".
Search for Blog posts.
Click on it to add.

4. Core Features

Carousel Support: Enable a swipeable carousel for desktop and mobile devices.
Customizable Display: Show or hide details like author, date, tags, and featured images.
Table of Contents: Add a table for better navigation within blog posts.
SEO Enhancements: Customize headings to improve visibility in search engines.

5. Common Use Cases

🤔 How to change the blog posts shown?

By default, the Blog posts section is connected with a Blog in your Shopify admin. If you want to change it, you can:

STEP 1:

Click on the Blog posts section to open its settings panel.

STEP 2:

Scroll down to the Blog setting, then tap to change.

STEP 3:

Click “Save” when done.

🤔 How to customize the information shown for Each Blog Post?

Need to tailor the details shown for each blog post? Here’s how:

STEP 1:

Click on the Blog posts section to open its settings panel.

STEP 2:

Depending on what you want to show/hide, make changes to the corresponding setting under the Blog items group:

Show featured image: Turn on to show the cover image of the blog posts.
Image ratio: Choose the featured image’s aspect ratio.
Enable or disable options like author, blog, date, excerpt, tags and lines, and comment count.
Show button read now: Turn on to show a button for the customer to read more, change its content in the Button read now label.

STEP 3:

Click “Save” when done.

🤔 How to set up a Carousel for Blog Posts?

Want to showcase blog posts in a dynamic carousel? Follow these steps:

STEP 1:

Click on the Blog posts section to open its settings panel.

STEP 2:

Scroll down to the Carousel setting group, and:

🖥️ For desktop: Turn on the Enable carousel on desktop setting.
📱 For mobile: Turn on the Enable swipe on mobile to allow users to swipe through posts.

STEP 3: (Optional)

If you want the carousel to slide automatically, then:

Turn on Enable auto-play.
Adjust the speed in Change slides every setting.

STEP 4:

Click “Save” when done.

🤔 What customization options can you give your Blog Posts?

For the whole Blog Posts section:
✨ Change the heading size:	Click on the Blog Posts section, and choose the Heading size to be Small, Medium, or Large.
✨ Change the Heading tag (for SEO purposes)	Click on the Blog Posts section, and choose the Heading tag from the list.
✨ Change the heading alignment	Click on the Blog Posts section, and choose the Heading alignment to be Left, Right, or Center.
✨ Adjust the number of blog posts shown	Click on the Blog Posts section, and adjust the number of Blog posts shown (from 2-8).
✨ Adjust the number of columns shown on desktop	Click on the Blog Posts section, and adjust the Number of columns on desktop (from 1-4).
✨ Add a “Show more” button	Click on the Blog Posts section, and turn on the Show “Show more” button toggle. This doesn’t work when Carousel is enabled.
✨ Add a “View all” button	Click on the Blog Posts section, and turn on the Show "View all" button toggle. Change its position in the "View all" button position setting.
✨ Change the section width, add padding, or add a divider	Click on the Blog Posts section, and scroll down to the Section layout group, and you will be able to change those settings.

Need help? Contact our support team at Omni Themes Support.