How to create an article template?

Author: An Do 175 views

As you know, the blog posts are a pretty important part of every store, but Shopify default template is too simple and does not meet your needs. If you are wanting to build a wonderful template, EComposer can help you out.

To build an article template, you simply need to Drop and Drag any element that belongs to create an article template. After finishing with a bunch of simple stages so you can end up with a cool article template that created by yourself.

There are two ways to make a new article template with EComposer App. First of all, you may go ahead to make it by Default Article Template (with Ecomposer). In the second one, you may come to create a new custom template for your store. Let’s continue reading to figure it out with us!

1. Create a default article template (Built with EComposer)

By default, Shopify provides only one template for all article pages of your store. This template will overwrite your current theme template and the changes you made will apply to all your Article Template.

In order to create a new template for the Default Article Template, please follow these steps:

  1. From App dashboard

  2. Navigate to Default Article Template (Build with EComposer
  3. Start building
EComposer Visual Page Builder Dashboard

1.1. Building content with EComposer

First, you must create your article in Shopify and publish it. EComposer will take the content of the article from Shopify to show.

Then, when come to building an Article template, you can see an Article Page tab with many elements under it. The very first one is quickstart with Template Library or another option for you to do that which is Drag & Drop any article element then.

  • Please click on “Explore Library” for more suggested sections from EComposer for the first option to build. After that, you can select which one you want to use as your Article template by clicking “Insert now.”
  • Following the second option, you can customize your own blog template by choosing a particular configuration and then dragging any features such as Title/Articles Count/Articles/Tags/… from the left-slider bar to organize.
Basic Elements From The Article Page
  • Title: This element will take the title of your article from Shopify to show.
  • Image: Whenever you want to add an image, please come to this element to do it. This will let your readers easily get the point of your post via the picture.
  • Content: The post will not be perfect without this part, because you can write lots of the main things to deliver to your readers through the content.
  • Tags: This element will help you view the tag for the purpose of letting the reader easily search for your articles.
  • Author: Help you show the author’s name here.
  • Comments, Comment count, Comment form: This element will present the comments from your customers. Including the number of comments, and so on.
  • Date: Come to this element the customers may update the date and time when you post it on your store.
The Results After Adding The Element
  • Once you’ve finally completed adding elements, tap the “Save” icon to personalize the template name, slug, etc.
Illustrate The Saving Step For The Blog Template

On the Saving popup, you can see the Apply for option, select Apply for all articles to apply this template to all articles in Shopify. This action will overwrite the Shopify default template of your articles.

Apply for all articles (Overwritten theme template)

1.2. How to restore the original Shopify Theme Template?

Sometimes, you genuinely think that the Default Blog Template will bring you some unsatisfactory sections. Please go on Templates –> Blog –> Default Blog Template –> Restore again, those stages below will help you get out of your unnecessary situation.

EComposer Visual Page Builder Dashboard

2. Create a Custom Template

2.1. Create a brand new Custom Template with EComposer

There will be two choices for you to keep in mind.

  • By creating a custom template, you can build your own brand new article template without saving. Come to the very first one just with a simple click from the dropdown menu and find the button named “Create new template”. You can follow my video below:
  • Alternatively, you can use this simpler method to create a completely new custom template. Go on: Template –> Blog –> Create template . Please watch the description image below to get more details.
Description Stage About Making A New Template

After you’ve finished designing, click the “Publish” button on the right-hand side. If you haven’t wanted to publish, you just need to apply that template to “None“:

Apply for none in order to un-publish the template

2.2. Template Settings – Assign Template To Certain Article Pages

  • We allow you to use 3 ways to use Apply for options:
    • None (which means you apply for nowhere, just save it in your theme template)
    • Apply for all blogs (overwrite theme template)
    • Specific blogs (which means several blogs that you select after will be applied for)
Assign Template To Certain Article Pages

2.3. How to remove an Article Template?

There have 2 ways in order to remove an Article Template:

  • The very first choice: Quickly remove the Article template, simply by a click from the dropdown menu and hovering on the template that you want to remove. In the end, please go on the “Delete, Rename, or Duplicate” button if that’s your request. You may watch the video below to make it easier to get our point:
Description Video About Deleting An Article Template
  • Another quick way such as the video below. Go on: Blog –> Hover on the template –> Click to Remove button
Description About Deleting A Blog Template in the Dashboard

3. How to add flexible sections for the existing Article template of the theme?

Note: Besides allowing to overwrite the default article template for all pages, create a custom template for some article posts. We also can add article sections for the Shopify template default.

If you are interested in this part so let us help you figure it out by the description below:

  1. From EComposer dashboard choose Extra builder -> Create section
Demonstrate Adding Flexible Section For Article Template
  1. Insert any section after click on Explore Library, and then go on Save to save the section. Watch the video below to get more details.
Show You How To Insert Flexible One With EComposer
  1. Then, please go back to Shopify dashboard and click on Publish Theme -> Customize to add the section into the dproduct template from theme. Drag & drop the section to the position you wish then click Save.
How To Adding The Flexible Section To Article Template

You can connect together between Basic Element and Blog Post in the same Article Template.

Leave a Comment

On this page