Control Panel Overview

Blog Posts

blogs

This is the tab listing all (both published and drafted) the blog posts that are currently stored in your database.

The Status column shows whether your post is Published or Drafted. Drafted blog posts will be visible in this tab only. Published ones will be the one users can see in your store.

The Action column of the table is the only one with functionality within itself. It contains two buttons - Edit and Remove.

Clicking the Edit button will open a new window with the given blog post's details and will allow you to edit them. Click the Submit button in the bottom right corner when you are done.

Clicking the Remove button opens a conversation window asking you whether you are sure you want to remove the given blog post in order to prevent losing information due to misclicks.

WarningBear in mind, once you remove a blog post, you cannot restore it (unless you have database backup).

Blog Categories

blog_categories

This is the place where you will have the chance to create categories, in order to organize your blog posts better (both on the front and back-end).

Right above the table listing your categories (if you have any), you will see a button labeled Add new category. Clicking it will result in opening a modal window.

At the top of that window, you can choose a Title for your category. Then you have a text area for the Description (the body of your blog post).

Then you have the Meta Title, Meta Tag Description and Meta Tag Keywords fields. These are all for search engines.

The Meta Tag Keywords are tags that you can insert in you web page to provide search engines with information about your pages. These keywords will not be visible anywhere on the page itself.

The Parent field. For even better organization, you can give certain categories a parent and make them act as sub-categories to that parent. Example:

categories

Initially, the sub-categories will not be shown in the categories widget. They will become visible once you click on the parenting category. That said, if you want to create a sub-category, you should just input the name of the parenting one in the Parent field.

Slug

This is basically the text that will appear in your URL when you go to a given category. You might have noticed that it was automatically filled with your category's name when you entered it, replacing spaces with dashes (mind the note about spaces). For the abovementioned parenting category, the automatically generated slug will be: "recommended-by-isenselabs".

Image

At the very bottom of the page, you can upload an image for your category. Simply click on the placeholder image and then click on the button with the blue pencil. This should result in opening a new image manager modal window with all the images from your website. If you want to upload an image from your computer, use the blue Upload button at the top left.

image

Once you are done with your new category's settings, click Add and you should be able to see it in the table.

Blog Listing

blog_listing

Listing URL: Here you will have the URL of your main iBlog page, listing all your blogs. It should be available to you even if the extension is disabled.

Add link to the listing in the main menu: Enabling this will make a button for your abovementioned main iBlog page appear in the main menu of your home page. It will also make 2 more fields become visible below it - Menu Link Title and Menu Link Sort Order.

Menu Link Title: You can type the label for your button here. It can be different for every language if you are running your store in 2 or more languages.

Menu Link Sort Order: You can type in a number here and it will use the OpenCart sort order, so as to situate your button in the desired place in your main menu.

blog_menu

NoteYou can check your main menu sort order from Catalog > Categories.

SEO Options: These will be basically the same as the previous ones, except for the fact that now they will refer to your blog listing page and not for a category one.

NoteAgain, mind the note from below the SEO Slug field.

blog_listing1

Listing image dimensions: You have two fields here, used for setting width and height (in pixels) for the Blog Post's images in the blog listing page.

At the very bottom of that tab, you have a field for some Custom CSS. For anyone familiar with CSS, this is the place to implement some custom styles for their listing page.

Post View

admin_post_view

The tab before last for this part of the module is meant to give you a chance to style and add some functionalities to your actual blog post pages.

Main image show: This determines whether the image of the blog post will be visible in th page. If you Enable it, you will have the chance to set dimensions for it as well.

Custom CSS: As in the previous tab, you have a chance to apply some custom CSS to make your post view page more appealing to you.

DisqusComments status: This field gives you the opportunity to activate Disqus comments for your blog posts. If you are not familiar with Disqus, click the hyperlink to learn more about it.

DisqusComments Short-name: This field becomes visible once you have enabled the previous one. In order for you to use Disqus comments for your blogs, you have to create a short-name for your site. You can do that from here. Once you have created the short-name, just type it in.

DisqusComments in action:

disqus

AddThis sharing: Enabling this will create a drop-down menu for sharing your blog post by using the AddThis platform. It supports most of the social networks, Gmail, Pinterest and many more. Example:

addthis

Creating and formatting a Blog Post

You already know the basics of how your iBlog manager works, so it is time for the most essential part of the module - creating and formatting your blog posts.

Creating the blog post

new_post

This is quite straight-forward. Most of you have probably noticed the blue Add New Post button that has been following you ever since you entered the iBlog 'manager' module settings. If you have not, it is situated between the tabs row and the Save button.