Blog Post Category And More

Blog Post Category And More

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Shopify 2.0 FREE themes

In my opinion, Shopify pays a little attention to blog posting and only provide few options.

Things that I would like to see in the future with Shopify's blog articles are the following:

- Articles added as metafield item

- Able to have collection of articles

- Article template layout than can be edited like the index layout

Check DEMO store here 💻. Password: made4uo

I found it as a tedious work to use metafield for category, since you have to go in the article and assign each article to a metafield. It is easier to mark the articles and just tag at once. 

What you are buying:

  • Create a blog category or menu on the side of your blog
  • Hide and show articles

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

To start:

To add tags to your article, please follow the instructions below.

1. Go to your Admin page, click Online Store > Blog posts.

2. Mark the checkbox to the corresponding article. 

3. Click Actions > Add Tags, then type the tag you want to apply to the selected articles. Lastly, click "Apply changes."


To add a category in your articles, please follow the instructions below.

1. From your Admin Page, go to Online store > Themes > Actions > Edit code.

2. We will need to create a new section. Go to Section folder, click "Add a new section", name it "blog-menu", then paste the code below. Do not forget to click SAVE.

3. We need to create a new blog template. Go to the template folder, add a new template, and follow the settings below. Click "Create template."

menu blog settings

4. In the newly created template, paste the code below. Make sure click SAVE.

5. Make sure you make the edited theme live before we can proceed. You can assign the template by going to Online Store > Blog posts > Click on the article. 

6. You should see this section (see image below) in your right hand bottom corner. Change it to "menu."

menu blog category

7. You need to customize your theme editor and add the tags that you want to use.

That's it (",)

Back to blog

Leave a comment