The Related Blog Posts section allows you to display relevant blog posts on your Product or Collection pages.
1. How to add the Related blog posts section:
Step 1: In Shopify admin, go to Online Store > Themes > Customize.
Step 2: In the top dropdown menu, select the Product or Collection page template you want to customize.

Step 3: Click Add Section and select Related Blog Posts.
Step 4: In the panel, scroll to the Blog section. By default, the News blog is assigned. Click Change to choose a different blog.

Step 5: Choose how to display blog posts:
- Product Tag: Blog posts will appear based on matching blog tags and product tags.
- Product Type: Blog posts will appear based on matching blog tags and product types.
Step 6: Click Save.
2. How to customize the look of Related blog posts:
In Theme Editor, click on the Related blog posts section, on the new panel that appears on the right side, and make changes to the following settings:
In order to… |
Make changes to this setting… |
Change the heading’s content |
![]() |
Change the heading size |
Drag or enter a specific number: ![]() |
Add heading highlights |
In the Heading field, put the text you want to highlight inside the [ ] brackets. ![]() |
Change the heading highlight style |
Under Marker, click to choose between Underline or Font highlight style: |
Select the tag of your heading (for SEO purposes) |
![]() |
Change the number of posts shown |
Under the Number of posts shown, adjust the number of posts by dragging the slider or entering a specific number. |
Change the number of blog post columns on the Desktop |
Under the Number of columns on desktop, set the number of columns using the slider or by entering a number. |
Show the "Show More" button |
Check this box to display the "Show more" button (only works if the carousel is disabled). ![]() |
Show and change the position for the “View all” button |
![]() |
3. How to customize Blog items in Related Blog Posts:
Step 1: In Theme Editor > Product Page/ Collection Page > Click on the Related Blog Posts section, and find the Blog Items settings.
Step 2: You can customize:
- Title size
- Content alignment: Left, right, or center.
- Show/Hide Featured Blog Posts
- Featured Image Ratio
- Item Background: Check the "Items Alternative Background" box to add a background to the blog items.
-
Show/Hide Blog Post Information:
- Author
- Blog (the collection it belongs to)
- Date
- Excerpt
- Tags and Lines
- Comment Count
- "Read Now" Button
4. How to set up a Carousel for Related Blog Posts:

Step 1: In Theme Editor, go to the Product Page or Collection Page.
Step 2: Click on the Related Blog Posts section.
Step 3: From here, check the box for the corresponding setting:
Enable Carousel on Desktop: This will activate the carousel on desktop devices.Enable Swipe on Mobile: This will activate the carousel on mobile devices.Enable Auto-play: Make the carousel auto-change after a certain amount of time.
Step 4: Set how often the slides change by dragging or entering a number under Change Sides Every.

5. Displaying Related Blog Posts with Metaobjects
In earlier versions of Eurus Theme, you could only select related posts from within a single blog. In version 8.1 and onward, this limitation is removed. By using Shopify’s metaobject feature, you can display related blog posts from any blog across your store.
🧐 How to Set Up Related Blog Posts with Metaobjects?
Step 1: Add Blog Post Tags
- Go to Content > Blog posts
- Open the blog post you want to use as a related post
- Scroll down to the Tags section
- Add a tag
Step 2: Create a Metaobject
- Go to Content > Metaobjects > Add definition
- Name your metaobject with any name you want (e.g. Related Blog Tags)
- Under the Fields section, click Add field and use the following values:
- Name: Tag name (exactly)
- Type: Single line text
- Value: One value
- Click Add → Save
Step 3: Add Entries to Your Metaobject
- Go to Content > Metaobjects
- Click the metaobject you just created
- Click Add entry
- Add the exact same tags you used in Step 1 (one per entry)
Step 4: Create and Assign Metafields
⭐ Create product metafield (if you want to show related blog posts on Product Pages)
- Go to Settings > Metafields and metaobjects
- Under Metafield definitions, select Products > Add definition
- Name it (e.g., Related Blog Posts)
- Type: Metaobject
- Reference: Choose your created metaobject
- Values: List of entries
- Click Save
After saving, you will get a custom key (e.g., custom.related_blog_posts).
Remember this key – you’ll use it in the next step.
⭐ Create collection metafield (if you want to show related blog posts on Collection Pages)
- Follow the same steps as above (but under Collections)
Step 5: Display Related Blog Posts in the Theme Editor
- Go to Online Store > Themes > Customize (open the Theme Editor)
- Navigate to the Product or Collection template
- Add the Metafield-based Blog Posts section
In the section settings:
-
Blog handles – Enter the handles of all blogs that contain the relevant posts (one per line).
To find a blog handle: Shopify admin → Content > Blog posts > Manage blogs → open a blog → see the handle under “Search engine listing”. - Related Posts by Metafields – Enter the metafield key created in Step 4 (e.g., custom.related_blog_posts).
This allows you to display any blog post from any blog on your product or collection pages without being restricted to a single blog setup.
⚠️ Note:
|