User Guide

Search limit to:






Related blog posts

by Admin on Sep 20, 2024

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 AddSave

    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

    • Priority order: Metafield > Blog. This means that if you display related blog posts with metaobjects, the system will prioritize showing posts from the metaobject before displaying posts from the Blog.
    • The Blog group settings will be ineffective when using metafields.