BlogShop WordPress Theme

WordPress Theme for Blogging and Ecommerce Store

  • Created : 22 April 2020

Install WordPress

To get this theme you must have WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are some useful links on WordPress information:

Install theme

When purchasing BlogShopPro theme from, you will be able to download BlogShoppro files from your account. Download and upload it on your directory.

Install BlogShoppro theme via WordPress.

  1. Login to your WordPress dashboard, go to Appearance > Themes > Add New > Upload Theme and click Choose File Button.
  2. After slelct"" from your computer Click on "Install Now" button.
  3. Wait the theme being uploaded and installed.
  4. To activate the theme: Go to Appearance > Themes hover over the theme and and click Activate.

Install theme via FTP.

Follow the steps below to install theme via FTP.

  1. Log into your hosting space via an FTP software
  2. Unzip the file and ONLY use the extracted BlogShoppro theme folder
  3. Upload the extracted BlogShoppro theme folder into wp-content > themes folder
  4. To activate the theme: Go to Appearance > Themes hover over the theme and and click Activate.

Common Install Error: Are You Sure You Want To Do This?

The “Are You Sure You Want To Do This” message may occur, means that you are limited in upload file size. Consider install the theme via FTP if this happens, or contact your hosting provider and ask them to increase the limited size.

Install required plugins

Once you activated BlogShop theme than You will get a notice for installing required plugins.

  1. Click on "Begin installing plugins" to install required plugins.
  2. Select all required plugin, From the top dropdown menu select Install and click Apply.
  3. After Install all plugins sucessfully click Return to Required Plugins Installer.
  4. Select all required plugin, From the top dropdown menu select Activete and click Apply.
  5. image
Note : You can deactive one click demo import plugin after import demo data.

Import demo data

Import Demo Data – Now users can quickly and easily import our demo content with only one click to the button. This is the preferred method because it's the fastest and easiest way to get our demo content. It will import all our pages, posts, sliders etc.. If you wish to use our One Click Demo Content Importer, please see the guide below.

Note : Demo data is only for theme testing purpose. Do not install demo data on a production website.
  1. For import demo data go on Appearance > Import demo data.
  2. You will see demo data import screen.
  3. Click on import demo data and please wait for import all data. It may take 3 to 5 minute depends on your sarver speed. Please be patient don't click import demo data button twice.

Create front page

1. Go to:- Pages > Add New


2.Lebel it home or which you want. Select this page as front page like image below.


After selecting this page as front-page you can see some extra options below in meta box. Easily you can edit front page by this meta box.

1.Page Banner
  • Page Banner Show :- Select yes or no to show or hide banner.
  • Banner Height :- Put a height for banner
  • Banner Overlay Show//Hide :-you will get options for show or hide overlay.
  • Banner Overlay Color :-Select overlay color.
  • Overlay Opacity :-How much you prefer.
  • Banner Text Color :-Select banner text color.
  • Breadcrumb Show :-To show breadcrumb check this option.
  • Show Breadcrumb On Banner :-If you want to show breadcrumb on banner check this option.
2.Page Sidebar
  • Page Layout:-Two options for page layout Box and Fluid. Select which one you like.
  • Page Sidebar:-Select Sidebar location from this dropdown.
  • Sticky Sidebar:-Sidebar will be fixed if you select this.
3.Front Page Customization
  • Show Featured Section :-If you want to show this section,you have to click on this option.
  • Section Full Width? :-Click yes/no to set its full width.
  • Slider Layouts :-Choose one from this dropdown.
  • Featured Post By Category :-Select category for featured post.
  • Post Count :-How many post you want show in this section.
  • Display Items :-These item will display in the front page.
  • Slider Auto Play ? :-Slider will play automatically after selecting this.
4.Featured Blocks

Set block image,button text and put the link in button link.

5.Article Customize
  • Article Layouts :-Which one you like Grid,List or default one?
  • Post By Categories :-Select category for post from this dropdown list.
  • Pagination :-It helps to show your posts in onether page. You can show this as number,text and infinity.
  • Pagination Alignment :-Left,right or middle where you like to show pagination.
  • Posts Per Page :-How many posts you want to show in one page.

It is the example of number pagination. you can try Load More or Infinity


For onether templete you won't get more options like front page. Such as, if you choose Default Templete you will get options like below.


How to create Menu

First Go to Appearance > Menus


Then Click on create a new menu


Select pages/posts/custom links/category as menu.


Here is your final work. Select this menu as primary menu to see this in the top. Otherwise select other options.


Your work is done. Now you can see a menu exactly where in below image.


Theme options

Using theme options, you can control every setting on the theme. Let’s start learning Blogshoppro theme options. Go to Appearance > Customize

General Options

  1. Site Identity : — You can change logo,site icon and display/hide site title with this option.
  2. Colors : — Text,header,buttons colors options are here.
  3. BlogShopPro Settings : — This option is clearly explaiend below.
  4. Header Image : — Set an header image with this option.
  5. Background Image : — Select background image for content section
  6. Menus : — Create or control menu from here.
  7. Widgets: — Add,Edit,Delete from widgets option
  8. Homepage Settings : — All of homepage option are available here.
  9. Woocommerce : — Ecommerce functionalities are available here. Details in below.
  10. Additional CSS : — If you want to implement your own style, this will help you to do that

BlogshopPro Settings

  1. Header Layout : — Header Layout change and All Other Header Options are available inside of this section.
  2. Sticky Header : — Sticky Header On//Of options are available in this section.
  3. Sticky Sidebar : — Sticky Sidebar On//of options are available in this section.
  4. Banner Settings : — All Banner Settings options are available in this section. this options will work for all default WordPress pages
  5. Social Links : — add all social icon from this section. there is a list of all social sites with input field. keep that field empty if you do not like to show any social icon.
  6. Footer NewsLetter : — Footer Newsletter all customization option are available in this section.
  7. Footer Column : — Change Footer Column From this section
  8. Post Single / Post Page : — Post Single Page All Customzation options are available.
  9. Preloader : — You can Enable/Disable and change website preloader image from this section.
  10. Blog Settings : — This setting will work in all WordPress default pages. like archive page, category page, post page, and so on.
  11. Typography : — This Typography will change whole website typography.
  12. Copyright : — Customize footer copyright area.

Let's start customization.

1.Start with site identity.

To change logo upload your own logo here.



Background color,text color,hover color and primary color options are here.


Header Layout

You will get 6 different Layout for Header. Select which one attract you most.Here is some example below.For example i have mentioned three layout below.


If you enable Topbar section you can see topbar menu and social links in the top which you put before.

Appearance >Customize >BlogShopProSettings >Footer Newsletter: —

To get subscriber for your website you may keep this option on.

Appearance >Customize >BlogShopProSettings >Post Single Page: —

Choose your preferable layout for every single post. Edit author section, Show/Hide related post.

Appearance >Customize >BlogShopProSettings >Blog Settings: —

There are several options for post style,sidebar and article alignment. Select which you like most.

Appearance >Customize >Header Image: —
Appearance >Customize >Background Image: —

This image will set for whole website background.


You can create menu for different section with this menus option.


Set menu location

Homepage Settings

Select Home as homepage and for postpage select blog.

Widgets: —

Widgets can contain at sidebar,footer,footer top etc.Also Clearly explained in custom widgets section such as how to add it.


Page Options

When you create or edit a page or post you will see few options for page or post settings on page/post bottom. You can change page/post layout, Header, Footer , hide /show banner, change banner title, images from these metabox options


Page / Post / Custom post Settings

There are several format for post. Such as you want to post a video, just select video from post format then you can see option for video. In the same way you can other options from post format dropdown.


Categories image upload

Go to Posts > Categories


Scrool little bit down then you can found option for add image under category.


Or if you want to upload an image on existing category,you can do it like below.


Custom Widget

This theme provide custom widgets. To add this widget navigate to "Appearance > Widgets."

Author Bio

  1. Image: — Add author image.
  2. Name: — Author name here.
  3. Description: — Something about author.
  4. Signature: — Add Author signature here.
  5. Social links: — You can add social links as well.

BlogshopPro Posts

  1. Title: — Type widget title here
  2. Post count: — How many post you want to show.
  3. Layout: — Select layout
  4. Sort: — Sort according you want to show

Theme Updates

There are 2 methods to update WordPress themes to the newer version. These new updates are essential if you want to have a bug free website as we give new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with WordPress newer versions. There is no risk of losing your settings and pages (If you don't edited theme core files). However if you had done modifications in parent theme files, then they will be lost.

Please note that before updating a theme, we recommend you to make a backup of your modified files. Also, we recommend to deactivate its current version and then upload the zip file with new theme version then activate and update the theme.

Using FTP

  1. Login in to your Themeforest account and go to downloads (Dashboard > downloads)
  2. Download the theme into your computer
  3. Install an FTP program (Filezilla is free)
  4. Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP
  5. Unzip the item main file
  6. Locate the file and unzip it. Make sure your unzipping software does not create an extra directory with the same name nested into each other.
  7. Drag and drop theme main folder into your FTP program with the destination: “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/”
  8. FTP program will give a warning that there is an existing with the same directory name, choose replace all.And wait until all files are replaced

Update Through WordPress Admin Panel

  1. Navigate to Appearance > Themes Activate another theme to deactivate the BlogShop theme
  2. Delete the installed BlogShop theme.
  3. Unzip the file you just downloaded from ThemeForest and locate the WordPress Theme
  4. Still within the Themes section, on the header tab, click on “Install Themes” , then on the header second tab click “Upload” .
  5. Click “Browse…”and locate the new theme file
  6. The “Upgrade existing theme?” option choose “Yes” from the dropdown list.
  7. Click “Install Now”.
  8. Click “Activate”.

Support / Contact With Us

Please follow the steps below :
  1. Please go to
  2. Register an account or Log in your account.
  3. Find BlogShop theme forum and create your topic. Click here for BlogShop theme forum

Update History

                    ----- 1.0.7 ( 3 July 2020 ) -----
                    Updated: Core Plugin.
                    Update: Language File.
                    Fixed: Show Specific Country Data.
                    Fixed: Minor CSS Issue.
                    ----- 1.0.6 ( 12 May 2020 ) -----
                    Added: Secondary Color Change Option ( Appearance -> BlogShop Options -> General Options -> Secondary Color )
                    Added: Enable/Disable Sticky Header ( Appearance -> BlogShop Options -> General Options -> Header Options )
                    Updated: Core Plugin.

                    ----- 1.0.5 ( 5 May 2020 ) -----
                    Added: Header Style With Shopping Cart Icon (Appearance -> BlogShop Options -> Header Options).
                    Updated: Core Plugin.
                    Update: Language File.
                    Fixed: Minor CSS Issue.
                    ----- 1.0.4 ( 3 May 2020 ) -----
                    Added: Home Page Two.
                    Added: 5 New Custom Elementor Widget.
                    Updated: Core Plugin.
                    Update: Main CSS File.
                    ----- 1.0.3 ( 29 April 2020 ) -----
                    Added: Primary Color Change Option.
                    Added: Footer Virus Image Change Option ( BlogShop Options -> Footer Options )
                    Updated: Core Plugin.
                    Fixed: Minor CSS Issue.
                    ----- 1.0.2 ( 27 April 2020) -----
                    Added: WooCommerce Support
                    Updated: Core Plugin.
                    ----- 1.0.1 ( 26 April 2020) -----
                    Added: Style Option For All Elementor Custom Widget
                    Added: Using URL Option With Icon Box Title.
                    Updated: Core Plugin.
                    Fixed: Minor CSS Issue.
                    ----- 1.0.0 ( 25 April 2020) -----
                    Initial released