General Information

General Information

To install this theme you must have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here.

Back To Top

Technical Requirements

To install this theme you must have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here https://wordpress.org/download/

  • WordPress 3.8 to 4.1
  • PHP 5.3.29 or higher
  • MySQL 5.0 or higher
  • Apache mod_rewrite module musts be enabled

This theme is tested under Mac, Windows and Linux.

Compatible Browsers: IE9+, Firefox, Safari, Chrome, Opera

Back To Top

Free Forum Support

All of our items come with free support, and we have a dedicated support forum to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are unable to provide support for code customization or third-party plugins. We may help you to do minor customizations and we are very appreciated if you have any feature request/suggestion.

Go to our forumhttp://www.woorockets.com/forum/

Back To Top

Before You Post On Forum

To help speed along your request, you need to follow the steps below before posting a new topic on the forum. This is for the benefit of everyone and will help make the entire forum more efficient. It’s very important and we ask that everyone who posts follow these steps.

Step 1 – Always check the Documentation. Most of the questions can be answered in that area.

Step 2 – Always perform a Forum Search before you post, it’s very possible your issue has already been brought up and has been answered.

Step 3 – If your question has not been brought up, then please post a new topic. Always be as descriptive as possible with following information:

  • The WordPress version
  • The theme version number, your browser’s version
  • And the live URL to your home page or the page that shows the issue in question are very useful information.

Although it’s not required, providing us WP/FTP login info would save a lot of time for both parties. All login info stays private with our support team admins.

Step 4 – Patiently wait! We strive to get you answers as quickly as possible.

Back To Top

Theme Installation

Install by Uploading Zip File

Step 1 – Login to your admin page.

Step 2 – Navigate to Appearance > Themes.

Step 3 – Click Add New

Step 4 – Then click Upload Theme.

Step 5 – Next, Browse to the zip file and click Install now for the theme to be uploaded and installed.

Step 6 – After done installing, click Activate the theme

Back To Top

Install Plugins

The theme requires the following plugin: WR PageBuilder, Advanced Custom Fields, Wooplus Shortcodes and recommends the following plugins: WR ContactForm, WR MegaMenu, YITH WooCommerce Ajax NavigationYITH WooCommerce Ajax SearchYITH WooCommerce Wishlist, Revolution Slider and WooCommerce.

Step 1 – After activating the theme, you will be asked to installed the required and recommended plugins, you can proceed by clicking on Begin installing plugins

Step 2 – In the next page, check all the plugins that you want to install then on the drop down Bulk Actions, choose Install then click Install, the plugin installation process will start.

Step 3 – Check all the plugins that you want to activate then on the drop down Bulk Actions, choose Activate and click Apply, the plugin installation process will start. Wait for all the plugin activated then you can start customizing your website as you wish

Step 4 – Navigate to Appearance > Themes, click on Install WooCommerce Pages button to set up WooCommerce for your shopping cart

Step 5 (Optional) – Go to Revolution Slider and activate the plugin to receive automatic updates & get premium support

Note: Revolution Slider is needed to have the main slider working on homepage

ferado-doc-05

Back To Top

Install Sample Data

1. Go to Appearance > Themes

2. On Theme Wooplus, click Customize.

3. On the next page, click Install Sample Data button.

4. A popup dialog will appear and ask for confirmation, you can check the Agreement box and click Install Sample Data button to continue

Note:

  • Installing sample data will delete all data on this website.
  • It is NOT recommended to install sample data on production website.

5. After sample data is downloaded and installed, click on Finish to end the process

6. There is a new option Restore Original Data after done installing. This option is used to remove the installed sample data

Note: There is a message on the slider Revolution Slider Error: Slider with alias home-shop not found.” This is intended as we couldnt get the data from a 3rd party which is Revolution Slider, but on front-end, the slider still has the sample data and it still displays normally

Back To Top

Theme Customization

Site Title & Logo & Tagline

1. Logo type: There are 2 types for you to choose from, Logo Text and Logo Image

– Logo Image:

30-min

  • Click Change Image
  • Choose an image from Media library or upload from your computer

– Logo Text: With text logo type, you will have these following options:

31-min

  • Site title: Text logo
  • Logo font family: Choose logo font
  • Logo font size: Set logo font size
  • Logo Margin Left (px): Specify the left margin of your logo in pixel
  • Logo Margin Top (px): Specify the left margin of your logo in pixel
  • Logo font weight: Set logo font weight

 

2. Site Icon: The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.

3-min

– Click Select File

– Select icon from Media library or upload from your computer.

Result:

32-min

Back To Top

Color Schemes

WooPlus provides 6 major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table’s header and others

  • Main color schemes: Choose from 6 predefined color schemes

Lime color

lime

Red color

lime

Yellow color

lime

Green color

lime

Brown color

lime

Blue color

lime

 

  • Body font color: Change the body text color
  • Body background color: Change the body background color
  • Page title color: Change the page title color
  • Outer background color of page’s title
  • Inner background color of page’s title

34-min

 

  • Main menu color:Change the main menu color
  • Main menu hover color: Change the main menu color when hover
  • Main menu hover background color: Change the menu item background color when hover
  • Sub main menu color: Change the sub main menu color
  • Heading font color: Change the heading color
  • Footer background color: Change the footer background color
  • Footer color: Change the footer color

Back To Top

Typography

Configure the font style of Body font, Page Title font and Heading font

There are 4 options as below:

1. Font Type: Choose Google Font or Standard Font sets

 

6-min

 

2. Font Family: Choose your favorite font from the drop down menu

 

3. Font size (px): Set your font size (Default setting is 14px)

4. Font Weight: Set your font weight (letter thickness)

Besides that, Heading Font Settings also allow you to configure font size for each Heading.

 

Back To Top

Header

1. Top header info: Insert HTML content to be displayed on Top header area.

2. Header layout: Choose from 3 header styles

 

header-v1

Header version 1

header-v2

Header version 2

header-v3

Header version 3

3. Enable sticky menu: Menu will be fixed when users scroll down the page

4. Show search box: Display or hide search box on header

5. Background Image: Use image as Header background

39-min

Back To Top

Page Layout

1. Select page layout: Choose from 6 page layouts

 

full-width

Full Width

 

 

full-width

Left Sidebar

 

 

full-width

Right sidebar

 

 

full-width

Left sidebar – Main content – Right sidebar

 

 

full-width

Left – Right – Main content

 

 

full-width

Main content – Left – Right

 

 

2. Enable Boxed Layout: Set width limitation for the whole website layout

3. Body background: Set image as page background

  • Background Image
  • Background Repeat
  • Backgroun position
  • Background Attachment

4. Show Comments: You can show or hide post / page comment

Back To Top

WooCommerce Layout

1. Product list layout: There are 3 options for product list layout: Full width, Left sidebar and Right sidebar

 

wcm-full

Full Width

 

 

s-left

Left sidebar

 

 

right-s

Right sidebar

 

 

2. Product list style: Set product list layout as List or Grid.

 

list

List Layout

 

 

 

grid

Grid Layout

 

 

 

3. Single Product layout: Set page layout for product detail page.

There are 3 options for Single Product layout: Full width, Left sidebar and Right sidebar

 

p-full

Full width

 

 

 

 

p-left

Left sidebar

 

 

 

 

p-right

Right sidebar

 

 

 

4. Show Cart in header: You can choose to show / hide mini cart in header

Back To Top

Footer

Config for display text on footer and set the URLs for your social media profiles here to be used in the header. Adding in a link will make its respective icon show up without needing to do anything else.

  • Top Footer Info
  • Middle Footer Info
  • Site Credit
  • Social Link

Back To Top

Extras

1. Enable page loading effect: you can choose to enable / disable loading effect for you site

2. Upload Favicon: let you upload and use your custom favicon

3. Google Analytics Code: paste your GA code here

4. Enable Under construction mode: let you put your site in online or offline mode

Just type in the text to show in offline page and specify the time your site will be available. After saved your changes, make sure that in order to see this page, you should log out first

5. Code Before </head>: your custom code here will be inserted before closing head tag

6. Code Before </body>: your custom code here will be inserted before closing body tag

Back To Top

Widgets

This section can be used to edit/add/reorder widgets

Back To Top

Post Management

Posts

Go to Posts > Add New to add new post

ferado-doc-17

Note:

  • You can use either Classic Editor or WR Page Builder to build the post content. For more information on WR Page Builder, please follow this link https://wordpress.org/support/plugin/wr-pagebuilder or read the documentation http://www.woorockets.com/docs/wr-pagebuilder-user-manual/

ferado-doc-18

Under Post Format, you can add various types of item to your post :

  • Video
  • Audio
  • Gallery
  • Quote

For more detailed information on how to work with posts, categories, tags, please go to http://codex.wordpress.org/Writing_Posts

Back To Top

WR Contact Form

WR Mega Menu

WR Page Builder

Shortcodes

There is a list of shortcodes available in the sample data. You can view them by going to Homepage → Main Menu  → Elements

To get a shortcode, for example Accordion, you can go to: admin → Pages → Accordion & Toogles

accordion

then click on the WR PageBuilder tab on the editor, the editor will then show the pre-built elements. In this case, we are looking for Accordion shortcode, we can click on Accordion: Accordion

accordion_builder

A pop-up form will load, which containing 3 tabs: Content, Styling, Shortcode

  • Content: the content of each item
  • Styling: the styling of each item
  • Shortcode: generated shortcode from content & styling

content

Following the same steps above, you can go to the shortcodes that you want and copy them to any page/post and customise them as you wish.

Note:

Each shortcode has a number of options that probably difficult to memorize so it is recommended to go into WR PageBuilder to generate shortcode by our friend visual tools. For more information on WR Page Builder, please follow this link http://www.woorockets.com/docs/wr-pagebuilder-user-manual/ 

Back To Top

Wooplus Shortcodes

Social bars

Shortcode example for display social bars

[wooplus_social_bars style=”large-icon” facebook=”#” twitter=”#”  linkedin=”#” instagram=”#” gplus=”#” skype=”#” pinterest=”#” github=”#” foursquare=”#” dribbble=”#” youtube=”#” rss=”#”]

 

  • Style: available values: large-icon, dark-icon, line-icon, colors-icon
  • facebook=” Link to Facebook”
  • twitter=” Link to Twitter”
  • linkedin=” Link to Linkedin”
  • instagram=” Link to Instagram”
  • gplus=” Link to Google plus”
  • skype=” Link to Skype”
  • pinterest=” Link to Pinterest”
  • github=” Link to Github”
  • foursquare=” Link to Foursquare”
  • dribbble=” Link to Dribbble”
  • youtube=” Link to Youtube”
  • rss=” Link to Rss”

Back To Top

Member

Shortcode example for display member

[wooplus_member avatar=”http://domain.com/images/member.png” name=”Kathie Valentine” position=”CEO” facebook=”#” twitter=”#” email=”#”]

  • avatar=”Link image”
  • name=”Display name”
  • position=”Position”
  • facebook=”Link to facebook”
  • twitter=”Link to twitte”
  • email=”Link to email”

Back To Top

BLog post

Shortcode example for display blog post

[wooplus_ blog_post limit=”3″ orderby=”date” order=”desc” cat=”14″ column=”4″ pid=”62″]

  • limit=”3″ – number of post displayed
  • orderby=”date” – order the post by date. Available values: please refer to http://codex.wordpress.org/Class_Reference/WP_Query and search for keywords “Order & Orderby Parameters”
  • order=”desc” – available values: desc (descending order from highest to lowest values), asc (ascending order from lowest to highest values)
  • cat=”14″ : display posts which belong to category with specified category ID
  • Other styles such as “2″, “3″ can replace the style
  • column =”4″ – number of columns to show. Available values: “2, 3, 4″
  • pid=”62″ – Post ID

Back To Top

Product slider

Shortcode example for displaying product slider

[wooplus_product limit=”1″ oderby=”date” order=”ACS” pagination=”true” navigation=”true” item=”3″ cat=”14″ bgcounter=”light” style=”2″ line=”true” columns=”4″ slider=”true” vertical=”true” pid=”28″]

  • limit=”3″ – number of product displayed
  • orderby=”date” – order the products by date. Available values: please refer to http://codex.wordpress.org/Class_Reference/WP_Query and search for keywords “Order & Orderby Parameters”
  • order=”desc” – available values: desc (descending order from highest to lowest values), asc (ascending order from lowest to highest values)
  • pagination = “true/false”
  • navigation=“true/false”
  • item=”3″ – number of product images per pagination
  • cat=”14″ : display products which belong to category with specified category ID
  • bgcounter =”light”
  • style=”2″: Other styles such as “3″, “4″ can replace the layout style
  • line=”true” – Display border style
  • columns =”4″ – number of columns to show. Available values: “2, 3, 4″
  • slider=”true” – Enable slider
  • vertical=”true” – Display vertical layout
  • pid=”62″ – Product ID

Back To Top

WooCommerce

WooCommerce

10-17-2014 23-11-44

This is a powerful plugin for managing your store. It has a lot of functions that required to run your store effectively.

For more detailed information, please visit http://www.woothemes.com/woocommerce/ for demo, extensions, documentation and other goodies to enhance your store

Back To Top

Revolution Slider

Revolution Slider

10-17-2014 23-13-46

Revolution slider is included in the theme package. It’s recommended to activate the slider using your Envato information to benefit the most from regular updates and premium supports.

For more detailed information, please visit http://themepunch.com/revolution/ for demo, documentation and other goodies.

Back To Top

Support and Feedback

Feedback and Suggestion for our products

If you have any feedback or suggestions please let us know via forum here. Thank you!

 

Back To Top