Introduction

ProductPress documentation was last updated a week ago.

Thank you for purchasing ProductPress WordPress Theme . If you have any question that is beyond the scope of this documentation, please feel free to create a support ticket using Our Support Email.

Disclaimer: 

We offer limited support for theme customers. We only provide support for our themes and their core features. We cannot guarantee that our themes will work properly with all the third party plugins and server environments. If you plan on adding numerous plugins to this theme then please note, we cannot facilitate support for any conflicts that may arise with this theme’s default functionality. The ProductPress WordPress theme is presented as it is.

Updating WordPress Theme

If this is a theme update and you want to apply it on your existing installation then delete the previously uploaded theme and upload the new one from Theme Uploader in WordPress.

If you like this theme, then support us by rating it with 5 stars.

 

Theme Installation

In start you must have a working version of WordPress already installed. For information in regard to installing the WordPress CMS, please see the WordPress Codex Installing WordPress

Once you have a working version of WordPress, you need to

  1. Download the theme files (which contain both the theme and local documentation).
  2. Extract the downloaded zip file in your computer.
  3. Now open the 01- Theme folder and there is a theme zip files inside it, called productpress.zip. This is the installable zip file which you need to upload and activate in your WordPress website.
So, it goes like this. You download the theme files you bought, you extract them in your computer and inside the theme folder 01- Theme you find productpress.zip file which is the theme file you need to upload in your WordPress.

Step 1: Install Theme Via WordPress Dashboard

  • Go to ‘Appearance > Themes’ section
  • Click ‘Add New’ and select the ‘Upload Theme’ option

1

1-1

  • Choose the productpress.zip file and click ‘Install Now’

1-2

  • Once the theme is uploaded you need to activate it.

1-3

If you face any problem during upload through dashboard, please upload the theme using FTP as guided below.

Step 1(Alternative): Install Theme Via FTP

  1. Access your hosting server using an FTP client like FileZilla
  2. Go to the ‘wp-content/themes’ folder of your WordPress installation
  3. Extract the productpress.zip file and put the productpress folder in ‘wp-content/themes/’ folder
  4. Go to ‘WordPress Dashboard > Appearance > Themes’ section to activate the theme

Plugin Installation & Activation

Once you have uploaded & activated ProductPress, you will next configure some of the basic settings. It involves the “installation” & “activation”of some of the recommended plugins which are important for ProductPress to run properly. A dialog box appears from where you will click “Begin installing plugin”.

image_1

Here is the list of plugins which are recommend by ProductPress. So, first select all these plugins and then click “Apply” to “Install” these via the drop down menu for the “Bulk Actions”.

image_2

After installation we will return to the plugin installer and from here we will click “Apply” to “Activate” the plugins via the drop down menu for the “Bulk Actions”.

image_3

 

After activation you may get to see welcome messages by the activated plugins e.g. Easy Digital Downloads. So, don’t get confused with these.

Next Step is to Import Demo Contents.

Import Demo Contents

You can quickly set up your theme via importing the XML contents of our demo site, follow the steps below:


Step 1

  • Click the “Theme Options” section from the side or the top menu
  • Then scroll down the page and click “Demo Importer”

image_4

Step 2

  • Various demos will be listed here
  • Choose your demo and click “Import Demo

image_5

Step 3

It will take a few minutes to install and upload all the content. Once done, the Import Demo button will convert to Imported. It will look like this.

image_6

 

Set Footer Header Menu

At this point if you take a look at your website you will find it is somewhat messy on the front-end. Your header and footer will be out of order. So, the next step is the configuration of header & footer menus.


Step 1: Configuring Footer Menu

  • Go to Appearance > Menus

image_7

  • Here you will be within the Edit Menus tab
  • Choose the menu which you want to edit from the drop down list
  • Right now I’m configuring the Footer-Menu so, I will choose it
  • Then I’ll click Select

image_8

  • Next scroll down the page and you’ll find Menu Settings
  • Below it there are certain checkboxes
  • Enable the Footer Menu
  • In the end click Save Menu button
  • This way your footer gets configured

image_9

Step 2: Configuring Header Menu

  • Once again go to the Edit Menus tab
  • Now I will choose Header-Menu from the drop down list
  • Then I’ll click Select

image_10

 

  • Again scroll down the page to the Menu Settings
  • This time enable the Header Menu checkbox
  • Next click Save Menu button
  • Now your header gets configured

image_11

Now preview your website on the front-end and your header-footer menus are configured.

 

Configuration of Display Tweets Plugin

If you recall the basic setup part of this documentation then right after theme activation we installed and activated some of the recommended plugins. Out of these, one plugin which was in the list was the Display Tweets plugin. This plugin helps to display some of the latest tweets widget in the footer of ProductPress. So, let’s configure it.

  • Install the Display Tweets Plugin plugin
  • Next, you’ll need the Twitter App’s consumer key, consumer secret, access token and access token secret for twitter authentication
  • To get all these keys, register a new twitter app from the following url
  • After registering app and generating access token you will have api keys and access token as displayed below

image_12

image_13

  • After installing and activating the plugin, go to Settings > Twitter Feed

image_14

  • Enter the keys that you’ve just generated from the twitter app for Authentication

image_15

  • Next scroll down to Configuration and do its settings. Here is a special mention of the Count settings which defines the number of tweets which will be displayed in the widget. I’ve set it to ‘1’ you can change it accordingly
  • Once you are done click Save Settings button

image_16

 

This is how our Display Tweets plugin is configured.

Theme Options Block

In ProductPress, we have introduced a complete section for “Theme Options” from where you are going to configure all the parts of this theme. In other words you can say that this part is the heart of ProductPress. For your ease and convenience you can find this section not only in the side bar but also in the top menu.

image_17

Here you will find various blocks which can be used to configure various parts of the theme. These blocks are for the:

  • General Settings
  • Layout Settings
  • Product Block
  • Services
  • Downloads Block
  • Download Deals
  • Download Single
  • CTA Block
  • Numbers
  • Pie Block
  • Features
  • Buttons Block
  • Testimonials
  • Blogs Block
  • Blog Single
  • Pricing Tables
  • Clients
  • Import/Export
  • Theme Information
  • Demo Importer

We will be explaining each of these blocks in detail.

General Settings Block

In the “Theme Options” section the first block allows you to configure some of the “General Settings” of ProductPress. When you click it, a new sub-section appears right below it. This is for the “Custom CSS”.

Step 1: Start


Follow this path: Theme Options > General Settings > Custom CSS.

image_18

Step 2: General Settings


Talking about the General Settings, first you will upload the Logo and the Favicon of your product.

image_61

 

There are some Footer Settings which we’re going to configure next. First of all you will find a button for Show Tweet in Footer. This button relates to the Display Tweets plugin which has been installed to show latest tweets widget in the footer. Initially it is OFF. Once it is turn ON the widget gets displayed.

Next you will enter your Footer Twitter Follow URL followed by the Footer Address Block Heading and Footer Address Text.

image_19

 

Scroll down the page and you’ll find some more settings like Footer Email Address & Footer Phone Number. These help to add your contact details. Next you’ll add the subscription information like Footer Subscribe Heading Block, Footer Subscribe Feedburner URI or ID and finally the Footer Subscribe Text.

image_20

Next we will configure some of the Social Accounts’ information which is displayed in the footer. Add your Footer Facebook URL, Footer Twitter URL, Footer LinkedIn URL & Footer Google Plus URL.

image_21

 

In the last upload the Footer Logo and add the Footer Copyright Text.

image_22

Step 3: Custom CSS


This is the sub-section of the General Settings which allows you to paste your Custom CSS code in the space provided.

image_302

Once you’re done click the Save Changes button.

Layout Settings Block

Next block in the “Theme Options” is for the “Layout Settings” where we have introduced the ‘Drag n Drop’ technique to set the layout of your website with ProdutPress. This part is divided into sections like Enabled & Disabled blocks. Simply drag those blocks to “Enabled” which you want to include in your layout while keep the others in “Disabled”.

Step 1: Start


Follow this path: Theme Options > Layout Settings

image 4

Step 2: Enabled Block


Here is the screenshot of the Enabled block.

image_23

Step 3: Disabled Block


This is the Disabled block of ProductPress.

image_24

Product Block Settings

To configure the settings for your “Product Block” once again go to the section of “Theme Options” from the top menu. Your product gets displayed here. Product block introduces your product and hold key importance in your website.

Step 1: Start


Follow this path: Theme Options > Product Block.

image_100

 

Step 2: Product Block

The only setting which you will configure over here is the Color overlay on images. This is controlled by a button which can be turned ON or OFF. As a default setting this button is kept ON however, you can set it the other way if you want.

image_25

Now we will add slides to this Product Block which we will see next.

 

Adding New Slides

In order to add new slides to the Product Block look at the side menu you will find a section for Slides. Follow this path: Slides > Add New.

In case, you do not find this menu then follow the steps below:

  • Go to Theme Options > Layout Settings
  • Scroll down the page and look at the Disabled blocks
  • You will find Product Block placed here
  • Simply drag n drop this block to the Enabled block
  • Click Save Changes button
  • The menu for Slides will appear right in the side menu of dashboard

image_1

Here you will first add the Title of the slide. Then you will scroll down to the meta box of Slide’s Data, where you find several options. First add a suitable Sub-TitleDescription. Then you can even add a Background image to your slide by clicking Choose File button.

image_26

 

After configuring these options, you will come across three checkboxes which are initially disabled. The first checkbox allows to Use background Video. When you enable it, a new meta box appears right below it which is for the Video Settings. Here simply upload the Background Video by clicking the Choose File button and your job is done.

image_4

The next two checkboxes are for Display Button #1 & Display Button #2. Once again when you enable it a meta box for Button Settings appear. Here you will configure the options like Button Text & Button URL. The image shown below is for Display Button #1, you can configure the same for Display Button #2 as well.

image_27

Once you are through with these options click the Save Draft button and finally click Publish.

Anytime you want to view your all slides then follow: Slides > All Slides.

Re-Order

Now we have added an extended feature of Re-Order which allows to arrange the order of your created slides. Follow Slides > Re-Order.

image_6

When you’ll enter this section, you will find all your existing slides being listed one after the other. Simply drag & drop the slides and decide the order in which you want them to appear at the front-end. Once you are done click Update.

image_7

Services Block Settings

In the “Theme Options” section the next block allows you to configure some of the “Services” of ProductPress.

Step 1: Start


Follow this path: Theme Options > Services

image_28

Step 2: Services


Now we will configure settings which you find over here. First of all add a suitable Heading & Description for your Services block. Both of these will appear towards the right.

image_29

Next there are three different icons and for each of the icons you will upload an image and its suitable heading. So here goes the list:

  • Icon #1 Image; Icon #1 Heading 
  • Icon #2 Image; Icon #2 Heading 
  • Icon #3 Image; Icon #3 Heading

Image is uploaded by clicking the Upload button while the Heading can be added via a text field provided.

image_30

Scroll down the page and there comes a meta box for Button #1. Here fill out the fields for Text on Button #1 & Heading for Icon Block #1. In the heading field note that you will add a URL.

image_31

Next is a meta box for Icon Blocks. This contain quite a lot of settings. So, let’s take a look at them.

First few settings are for Icon Block #1. Add an Icon image for Block #1 followed by a Heading for Icon Block #1 and then Description for Icon Block #1.

image_32

Next you will configure the same set of settings for Icon Block #2 & Icon Block #3.

image_33

The last meta box in this block is for Block #2. Just add a Text on Button #2 & Heading for Icon Block #2.

image_34

Once you are done click the Save Changes button.

Downloads Block Setting

In ProductPress we have offered a separate section for the Download Blocks. You can find them in the “Theme Options” section.

Step 1: Start


Follow this path: Theme Options > Downloads Block

image_35

Step 2: Downloads Block


Over here you will only configure two settings i.e. the Title and the Description of this block.

image_36

Click Save Changes once you are done. Now let’s find out how to add new downloads next.

Adding a New Download

In order to add a new download first visit the dashboard of your WordPress website then look at its side menu. There you will find a section for Downloads. Simply follow this path from here: Downloads > Add New.

image_82

In this section you will configure all the corresponding settings which are associated to this process.

image_83

 

In the end hit on the Publish button to make your product go live.

Download Deals Block

If you want to announce any of your Download Deals then ProductPress do offer a solution for it as well. We have allocated a separate section for this very purpose so that our users may introduce deals on their website. In the “Theme Options” section you will find this part of the theme.

Step 1: Start


Follow this path: Theme Options > Download Deals

image_37

Step 2: Download Deals


Here first of all you will find a layout of how these deals will appear on the front-end and below it there are two of the settings. The first will allow you to enter the Number of Downloads which you want to show on your website while the next setting helps to Select EDD Category.

image_38

If you look at the Select EDD Category it is showing a message i.e. No items of this type were found. The reason behind this is we haven’t added any EDD category yet. So, let’s find out how this can be done.

How to create EDD category?

This can be achieved via configuring the settings of Easy Digital Downloads plugin. In your WordPress dashboard look at the side menu where you will find a section for Downloads. Here the EDD developers have added a separate taxonomy for Categories.

Go to Downloads > Categories.

image_67

 

Next we will create some new categories here like the one shown in the figure below.

image_68

Then you will create new posts and assign them to the newly created categories. So, go to Downloads > Add New and create new posts and Publish them.

image_69

The figure above shows a new download (post) which we’ve created as an example in the Deals category. Similarly, you can created multiple posts.

Now go to Theme Options > Download Deals. This time in the Select EDD Category you will find a drop down list which when clicked display all the relevant category from which you can choose.

image_70

Click Save Changes in the end.

Download Single Block

Each single page for the downloads can be configured separately via the Download Single block. Just go to Theme Options section to access this part.

Step 1: Start


Follow this path: Theme Options > Download Single

image_39

 

Step 2: Download Single


The only setting which you will configure here is for the appearance of Sidebar on Download Single Page. This is a button whose status is either ON or OFF. The default is set to OFF.

image_40

 

Click Save Changes once you are done.

CTA Block Settings

The Call to Action block in ProductPress allows to add all such words which will perform its function. Click “Theme Options” and you will find the section for this block whose name is displayed as CTA Block.

Step 1: Start


Follow this path: Theme Options > CTA Block 

image_41

Step 2: CTA Block


Here, you will come across three different options where you will first enter your Button Text, next fill the field for Button URL and in the last add the Call to Action Note Text.

image_74

In the end click Save Changes.

Numbers Block Setting

Displaying your product’s stats with numbers is also a feature of ProductPress. You can once again manage the Numbers Block from the “Theme Options” section from the top menu.

Step 1: Start


Follow this path: Theme Options > Numbers 

image_42

Step 2: Numbers


You can find the layout of this block here below which are the fields for Title & Description. So fill them out accordingly.

image_43

 

Click Save Changes in the end.

Adding New Numbers

To add new numbers look towards the side menu of your WordPress site’s dashboard. There follow this path: Numbers > Add New.

In case, you do not find this menu then follow the steps below:

  • Go to Theme Options > Layout Settings
  • Scroll down the page and look at the Disabled blocks
  • You will find Numbers block placed here
  • Simply drag n drop this block to the Enabled block
  • Click Save Changes button
  • The menu for Numbers will appear right in the side menu of dashboard

image_64

First is the basic step of adding the Title. Next is a meta box for Numbers Data. Over here, Select Icon via a Choose File button. After choosing an appropriate icon fill the field for Count to & Description.

image_44

 

Click Publish to view this number on the front-end. To arrange the format of numbers follow: Numbers > Re-Order.

Pie Block Settings

ProductPress allows you to add beautiful pie charts to display your important stats. To access this part of the theme click “Theme Options” from the top menu and enter the Pie Block.

Step 1: Start


Follow this path: Theme Options > Pie Block

image_45

Step 2: Pie Block


Right in the start of this block you will find the layout to describe how this block is represented on the front-end. Below it are two setting options which are for the Bar Color & the Track Color.

image_46

Once you are done click Save Changes.

Adding New Pie Charts

In order to add new pie in this block look at the side menu of your WordPress site’s dashboard and you will find a section for Pies. Follow Pies > Add New.

In case, you do not find this menu then follow the steps below:

  • Go to Theme Options > Layout Settings
  • Scroll down the page and look at the Disabled blocks
  • You will find Pies block placed here
  • Simply drag n drop this block to the Enabled block
  • Click Save Changes button
  • The menu for Pies will appear right in the side menu of dashboard

image_62

The settings of this section are also very simple. First add the Title and then the Skill Data. Here first you will add Description about your skill after which set your Percentage according to the skill and finally the Background Color.

image_47

 

You will find the option of Re-Order here as well.

Features Block Settings

Once again go to “Theme Options”. Scroll down the page and you will find the block for “Features“. This part of the theme allows you add different features of your product.

Step 1: Start


Follow this path: Theme Options > Features

image_48

Step 2: Features


Here first of all you will find the layout of the Features block. Below it are the fields of settings which asks you to add a Title for your features block. After which you add a suitable Description.

image_49

In the end click Save Changes button.

Adding New Features

If you want to add new features, then simply look towards the side menu where you will find a separate section for Features. Follow this path: Features > Add New.

In case, you do not find this menu then follow the steps below:

  • Go to Theme Options > Layout Settings
  • Scroll down the page and look at the Disabled blocks
  • You will find Features block placed here
  • Simply drag n drop this block to the Enabled block
  • Click Save Changes button
  • The menu for Features will appear right in the side menu of dashboard

image_12

When you will click this you will come across some of the options which need to be configured. So, first of all you will add the Title of your feature. Next you will scroll down to the meta box from where you will configure the settings for the Icon. Here, first you Select Icon. Last, but not the least add a suitable Description.

image_50

 

Click the Publish button to get the newly created feature on the website. Likewise, follow Features > All Features to view your entire set of features. You can also Re-Order your features as well.

Buttons Block Settings

The Buttons Block displays the layout of buttons which you will use in your website. First go to the “Theme Options” from the top menu. Scroll the page and you will find this buttons block.

Step 1: Start


Follow this path: Theme Options > Buttons Block

image_51

Step 2: Buttons Block


First of all you find the layout of buttons which explains how these are displayed at the front-end. Then in ProductPress we have developed two options for buttons i.e. Button #1 & Button #2. Each comes with the option Button Text & Button URL which you may configure according to your needs..

image_52

 

In the end click Save Changes.

Testimonials Block Settings

Testimonials from your customers are always appreciated and these play a vital role in increasing your product’s sales. So, the block for managing your “Testimonials” can be configured very easily from the “Theme Options” section.

Step 1: Start


Follow this path: Theme Options > Testimonials

image_53

Step 2: Testimonials


Here is the image of its settings where first shown is the layout of Testimonials block and below it is a field for Number of Testimonials which defines how many testimonials will be displayed on the front-end.

image_54

 

Once you are done click Save Changes button.

Adding New Testimonials

To add new Testimonials in this block follow this path form the side menu of your WordPress website’s dashboard i.e. Testimonials > Add New.

In case, you do not find this menu then follow the steps below:

  • Go to Theme Options > Layout Settings
  • Scroll down the page and look at the Disabled blocks
  • You will find Testimonials block placed here
  • Simply drag n drop this block to the Enabled block
  • Click Save Changes button
  • The menu for Testimonials will appear right in the side menu of dashboard

image_15

The settings in this section are again quite easy. First add the Title after which go to the section of User Image. Here, Add User Image by clicking Choose File and finally enter the Testimonial in the text box.

image_55

Click Publish to view your client’s testimonial at the front-end. You can also arrange the order by using the option of Re-Order.

Blogs Block Settings

With this block you add different blog posts in your website regarding your product. In order to configure its settings you will have to first go to the “Theme Options” section from the top menu. Here configure the “Blogs Block“.

Step 1: Start


Follow this path: Theme Options > Blogs Block

 

image_56

Step 2: Blogs Block


Here are its settings which first include the layout followed by the fields of Title, Description & Number of Posts.

image_57

 

Once you are done click Save Changes.

Adding a New Blog Post

In order to add a new download first visit the dashboard of your WordPress website then look at its side menu. There you will find a section for Posts. Simply follow this path from here: Posts > Add New.

image_84

Simply formulate your blog post and click Publish button from the right menu.

image_85

Blog Single Block

Just like we have created a separate section to handle the single Download page. In the same way, to manage a single blog post we have allocated a separate section of Blog Single for it. In order to configure its settings go to the “Theme Options” section from the top menu.

Step 1: Start


Follow this path: Theme Options > Blog Single

image_58

 

Step 2: Blog Single


The only setting which needs to be configured here is the Sidebar on Single Blog Post. This is a button which will decide whether a sidebar will be displayed on the blog post or not. Initially, this button is turned OFF you can turn it either way as well.

image_59

Click Save Changes button once you are done.

Pricing Tables Block Settings

In ProductPress, you will find a complete separate section which allows you to configure the Pricing Tables of your product. This section can be found in the “Theme Options”.

Step 1: Start


Go to your WordPress site’s dashboard and follow this path: Theme Options > Pricing Tables


image_60

Step 2: Pricing Tables


In this part you will configure the fields of Title, Description & Buy Button Text.

image_61

Click Save Changes in the end.

 

Adding New Pricing Tables

In order to add a new pricing table first visit the dashboard of your WordPress website then look at its side menu. There you will find a section for Pricing Tables.

To add a new  table simply follow this path: Pricing Tables > Add New.

image_62

First of all you will add a suitable Title for your pricing table. Below it is a meta box for Properties where you will fill out the fields for Price & Text below price. Next you will fill out the fields of a New Property i.e. Property & Value. If you want to delete this property click Remove button or else to add more properties by clicking Add More New Property button. In the end you are going to add the Buy URL of your product, this is where your user will be redirected once he clicks the buy button of this pricing table.

image_63

 

Likewise, you can view your entire list of Pricing Tables by clicking All Pricing Tables and you can even click Re-Order to decide the sequence.

Clients Block Settings

The Clients block is again managed and configured in the same way where first you will enter the section of “Theme Options” from the top menu.

Step 1: Start


Follow this path: Theme Options > Clients

image_64

Step 2: Clients


Here the only setting which needs to be configured here is the field of Title.

image_65

 

Click the button of Save Changes in the end.

Adding New Clients

Add new clients in ProductPress can be done by visiting the dashboard of your WordPress website and then from the side menu click this path: Clients > Add New.

In case, you do not find this menu then follow the steps below:

  • Go to Theme Options > Layout Settings
  • Scroll down the page and look at the Disabled blocks
  • You will find Clients block placed here
  • Simply drag n drop this block to the Enabled block
  • Click Save Changes button
  • The menu for Clients will appear right in the side menu of dashboard

image_19

Here first enter the name of the client in the Title field. Next fill out the details for Client’s Data which includes the URL & the Logo. Logo will refer to your client’s image.

image_66

Click Publish and view your client on your website. You can again use the Re-Order option to arrange your clients.

 

Import/Export Block

ProductPress allows you to Import/Export your Redux Framework settings very easily. You can find this option in the section of “Theme Options”> towards the end of the page.

image_69

In this part you will find two sections. First is for the Import Options and second is for Export Options.

Import Options

This part is used for importing your data. Two buttons can be seen here i.e. Import from File and Import from URL. Click any of these to get your required information.

image_70

Export Options

Likewise, you can also export your current settings through this part. You can again find three different buttons i.e. Copy Data, Download Data File & Copy Export URL. Click any of these to get your desired results.

image_71