Related Blog Posts Shopify App

The app is free and uses your theme’s default CSS so we cannot support you to style it how you want.

The suggested blog posts should look great out-of-the-box for most stores. If it doesn’t, you can enter custom CSS by going to the “Design” tab. Any web designer will be able to style it for you because the changes are basic.

There are two themes in the “Design” tab so you can select a layout you like.

The related posts are wrapped with an ID “relatedblogs” to easily focus your CSS. Here is an example of CSS to use:

#relatedblogs { width:400px; }
#relatedblogs ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#bfe1f1; }
#relatedblogs ol li { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#888; border-left: 1px solid #999; }

This makes the related posts on the Shopify Solo Theme (which is no longer available in the Theme store) look like:

Any design can be customised with CSS either in your theme or within the “Design” tab of the app. To change the font of the button, use: .rb_continue_button { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }.

If you want to remove the button, use: .rb_continue_button { display: none !important }.

Most of the content in the app uses whatever language your blog posts are written in. If you want to change the “Related Posts” section, click on “Design” from the top. In the same place, you can change the button text in theme two.

The blog ID is used for exclusion rules. You can get the ID you want to exclude by editing the article then copying the number from the URL:

https://admin.shopify.com/store/your-shopify/articles/558994555019

The blog ID for this post is: 558994555019.

1. Check that you have enabled the theme extension on the theme you’re working in. See the FAQ “How do I install it?” for more help.
2. Do you have at least three blog posts published? You need blog posts otherwise there is no suggested posts to link to.
3. Do you have over 50 articles or 50 blogs? The relevancy of suggested blog posts may degrade when you have over 50 articles because of Shopify API limits. No more than 50 blogs or articles can be queried in any for loop, which the app uses for relevancy. This is designed to help the performance of Shopify.

You can rename the file to edit the liquid otherwise the app will override your liquid changes.

If you want to change the liquid, it’s best you set the app settings to how you want. Then rename the liquid file relatedblogs.liquid to anything you want. You also need to update the reference to this where it is included in your article template.

The app is made to show related blog posts. It won’t work on non-blog posts like blog home pages or product pages. You can work with a developer for such features.

You will get a liquid error of “Could not find asset snippets/relatedblogs.liquid” when your theme doesn’t have the relatedblogs.liquid file. This can happen when you change the theme, update the theme, or someone removes the file.

Go to the app then “Save”. This will create the relatedblogs.liquid file in the snippets folder to fix the error.

If you installed the app via Online Store 2.0 within your theme customizations, you can disable the app embed then remove the app via the Shopify apps of your admin. If you installed the app by manually editing the code of your theme, you can remove the relatedblogs.liquid file in the “Shippets” folder , remove {% include 'relatedblogs' %} wherever you placed it in your theme, then uninstall the app.

If you cannot find the file where you installed the snippet, use the Liquify – Shopify Enhanced Code Search/Editor Chrome Extension then search {% include 'relatedblogs' %}.

The app is 100% free, but we try to help out when possible. Contact us with your question and share as much detail as possible to stop emails going back-and-forth. Please provide a 1) link to one of your blog posts and 2) screenshot of your app settings (use software like ShareX to capture a screenshot and automatically upload it online because attachments through the contact form are not possible).