Getting Started

To successfully run our theme on your WordPress installation we recommend a certain PHP version and configuration setting:

PHP 5.6.X OR HIGHER

We reccomend using PHP version 5.6.X OR HIGHER, but please note that Themes, Plugins and WordPress itself, are constantly improving, so it is always recommended to use hosting plan which is following WordPress recommendations.

Theme will certainly run on lower versions of PHP, but some plugins may not. For example, if you are planning to use it as shop theme as name suggests, then please check WooCommerce plugin requirements also, which are 5.6.X OR HIGHER and memory limit of at least 64MB but 128MB or higher is prefered (this may change in future).

How to check PHP version?

You can install and activate WordPress phpinfo() plugin in order to check your server settings. Plugin can be installed from WP backend > Dashboard > plugins repository.

If your PHP version is lower than recommended please contact your hosting service provider to have them increase the PHP version on your server.

Helpful links:

Importance of running newer PHP version: Keeping Current

Hosting providers recommended by the WordPress community: Hosting

Installing WordPress

If you've recently purchased a hosting plan and a domain name, the next step is to install WordPress on your server. Here are a few links to help you start your website's back-end and get your site ready for theme installation:

A step by step guide: Complete WordPress Installation Tutorial

If you plan to use the theme on a local installation and to migrate your site to live enviroment later on, this is a useful link that shows how to setup a local WordPress environment.

Installing The Theme

There are several ways for theme installation:

Automatic WordPress installation

To install Theme automatically, from WordPress backend, navigate to Appearance > Themes > Add New, and search for the theme within WordPress repository:

Manual installation

You can also install theme manually by downloading .zip file from WordPress.org and then from WordPress backend, navigate to Appearance > Themes > Add New > Upload Theme, select donwnloaded .zip arhive and click on Install Now:

FTP installation

To install Theme using FTP client software, first extract the .zip archive file (previously downlaoded from WordPress.org). After it is extracted you will see a folder named "plug-shop". Now connect to your server using your favorite FTP client, and navigate to /wp-content/themes/ directory (under your WordPress website's root location). Upload the "plug-shop" folder to the themes folder on your remote server.

After theme installation, from WordPress backend, navigate to Appearance > Themes, and activate Plug Shop theme.

Installing recommended plugins

Upon theme activation, you will be presented with notice (dialog box at the top of the screen) which is suggesting installation of recommended plugins.

Note: If you dismiss the notice it will no longer appear, so if you did that, simply activate one of default WordPress themes and then activate Plug Shop theme again and notice will appear again.

It is strongly recommended to install all recommended plugins.

From the notice at the top you can easily install all reccomended plugins. Although plugins are not required, in order to be able to achieve same look and feel, like on our demo site, it is strongly recommended to install all recommended plugins.

This is the list of recommended plugins with links:

• Pressfore Preloaders
• Rolo Slider
• WP-PageNavi
• WooCommerce

Installing additional plugins

Beside recommended plugins, again, in order to have everything like on demo website, you sould also install one additional plugin:

• Contact Form 7

Contact form on our demo site is created with Contact Form 7, simple but flexible contact form plugin which allows managing multiple contact forms.

For instrutions on how to use and to configure contact form, please check Contact Form 7 documentation.

Since this is mainly shopping theme, if you are not familiar with WooCommerce, then please check plugin documentation.

Importing demo content

Note: In order to be able to import all demo content and to have same look like on our demo, it is important to have all recommended and additional plugins installed and activated.

To import theme demo content, first download plugshop.demo.xml file to your PC by right clicking on the link and choosing Save link as...

After that, from WordPress back end, navigate to Tools > Import > WordPress, install and activate suggested WordPress importer plugin and choose previously downloaded XML file for import. Finally click on Upload file and import.

After successfully importing demo content, All done. Have fun! message should appear at the bottom of the screen.

Note: Import process will need some time to complete (maybe up to 5 minutes), so please be patient. In case that import fails, and this could happen with cheaper hosting plans, with lower resources, simply repeat demo import few times until success message appears.

Adding Widgets

Importing demo content will not set any widgets, so we will explain in short avaialble widget areas and how to set some specific widget seen in theme demo. You can access widgets from WordPress backend > Appereance > Widgets.

Posts Widget Area shown only in Blog Posts, Archives, Categories, etc. Comonly used widgets for blog are Search, Recent posts, Archives, Categories...

Pages Widget Area shown only in Pages. Here you can also place widgets for posts, or maybe some specific widget from some plugin or custom content or text created with Text Widget or Custom HTML Widget.

Shop Widget Area shown only in WooCommerce pages and products. It is suitable for placing WooCommerce widgets like WooCommerce product search, WooCommerce top rated products, WooCommerce price filter etc.

Header Widget Area shown in header after the main menu (right corner), just before shopping cart. It should be used for placing some short content, like phone number, skype call, or some social icon. In theme demo we placed Skype call link, and we will cover that later on.

Footer Widget Areas. Plug Shop theme have four footer widget areas, and they can hold any widget or custom content. We will cover demo specific widgets in the next chapter.

Footer Widgets

Second and Third Footer Widget Areas contain standard WooCommerce widgets, but First and Fourth contain Custom HTML widgets, and we will cover how to recreate content inside if you want the same on your website.

Inside First widget area, add Custom HTML Widget, and inside of it paste following HTML code:

      <br>
      <img src="http://demo.pressfore.com/themes/plug-shop/wp-content/uploads/2017/09/plug-shop-logo.png" alt="Plug Shop Logo">
      <p>
      <br>
      <i class="icon icon-shop"></i> 11755 Wilshire Blvd #1200 <br>Los Angeles, CA 90025
      </p>
      

Of course, you will have to replace path to image src to your image, and to replace contact info with yours.

Inside Fourth widget area, add Custom HTML Widget, and inside of it paste following HTML code:

      <br>
      <div class="icon icon-aws" style="color:#202020;font-size:90px;margin-left:22px;"></div>
      <span>*Every order over 79€</span>
      

Here you can change style parameters to your liking, and text for free shipping.

Header Widget Area

This area also contain custom HTML code whihc will start Skype call on click. Add Custom HTML Widget to this area, and inside of it paste following HTML code:

      <span style="position: relative;top: -3px;"><i class="icon icon-skype" style="color:#464646;"></i></span>&nbsp;<span><a style="display: table-cell;vertical-align: middle;" href="skype:plug-shop?call">Call</a></span>
      

Here you need to change change href attribute skype:plug-shop?call and to set your Skype username instead of plug-shop. Helpfull reading How to create a HTML link that interacts with Skype.

Theme Icons

Icons used by the theme are from several iconic fonts cearfully choosen to suit theme needs, so to know which icons are availabel check icons reference. If you know a bit of HTML you can easily inspect icons classes and use them to style some elements with css or to add elements with desired icon class like we did when creating Skype link inside header widget area. Also, you can extend available fonts by creating your own set of icons with Fontastic, and overwrite existing font files inside wp-content\themes\plug-shop\assets\fonts, and also save css file over exisitng one on this location wp-content\themes\plug-shop\assets\css\pressfore-icons.css.

Finalizing demo import

From Appereance > Menus create main menu for your site and assign it to Primaty Navigation location:

Do the same for footer menu, or assign same menu to footer if you want.

Next, navigate to Rolo Slider > All sliders and copy home slider shortcode. It should look like this:

[rolo_slider name="shop-slider"]

Then, from Apperance > Customize > Slider, paste shortcode inside Slider shortcode field, and set it to be disaplyed on All pages or just on Homepage.

Finally, from Setting > Reading set home page to static page Home, and posts page to Blog in case that you want to have blog:

With this step you are all set, and only configuring colors and playing with theme options remains.

But, it is worth mentioning that home page, in order to display shop products needs to be set to use Homepage or Homepage With Sidebar template.

Page templates

As previously mentions theme have several predefined templates to use, and Homepage templates are for shop. Templates are self explanatory and we will just list available ones:

• Default Template
• Full Width Without Title
• Homepage
• Homepage With Sidebar
• With Sidebar

Theme Options

According to latest coding standards, for all themes on wordpress.org, theme options needs to be served through WordPress customizer, and this is the case here. You can access all options from WordPress backend > Appearance > Customize.

There are different accordions with different set of options in each one. Some of options are specific for this theme, and other are default ones which you can find in most themes. We will cover all theme options and for default ones please read more about Customizer Screen. All available options in Plug Shop theme are listed below:

• Header
• Shop Content
• Site Identity
• Pressfore Preloaders
• Slider
• Footer
• Layout Preferences
• Colors
• Typogrraphy
• Woocommerce
• Extras
• Header Media
• Background Image
• Menus
• Widgets
• Static Front Page
• Additional CSS

Copyright

Copyright © 2017 Pressfore