RxApps

Responsive WordPress App Landing Page

created: 12/22/2016
latest update: 12/22/2016
by: EcologyTheme
www.ecologytheme.com/
email: support@ecologytheme.com

Thank you for purchase our theme.If you feel any trouble never hesitate to talk with us.

Always remember to download the latest version from your Themeforest account. The Main Files includes these following files and folders:

Documentation.
Installation File.

Follow below instruction to install this theme.

Log into your WordPress Admin area.
Look down the left hand column for “Appearance” and then click on the button “Add new”.
In the "Add new" page, click “Upload Theme” on top.
In the "Upload" page, click “Browse” to browse for the theme installation file in (rxapps.zip). Click "Install Now".
After installed successfully, click "Activate" to make the Applay active.

Update.

There are some ways to update theme:

Enter your Envato username and API key to Appearance > Theme Options > Theme Update. Then you will have an update link when an update available
Download new version on Themeforest and Update manually (Upload via FTP)

All posts and settings will be saved. This is data-safe method. You need to update applay's plugins manually

Alternatively, you can use regular way to import data. you can find in /Demo Import/ folder "rxapps.xml"

To install sample data, following these steps-

Go to Tools > Import, then click on Wordpress.
If it is not yet installed before, you have to install "WordPress". Click "Install Now".
After installed successfully, click on Activate Plugin & Run Importer
Browse for "rxapps.xml" from "Demo Import" folder and click Upload File and Import.
After uploaded, the confirmation page appears. Check the Download and import file attachments option and click Submit. If you have trouble with importing (it might be failed in the middle due to long execution time), try again with this option Unchecked!
After uploaded, the confirmation page appears. Check the Download and import file attachments option and click Submit
When you see message "All done. Have fun!", you will know that the import is done.
Go to Settings > Reading, set Front page displays to A Static page. Choose Home Page page as Front page and Blog as Posts page
Go to Appearance > Menus, choose Main Navigation menu as Primary Menu and Top Nav as Secondary Menu.
Go to Option Tree > Settings > Import and paste content of Sample-Data/theme-options.txt into Theme Options text field, then click Import Theme Options button.
OK, done!

To config menu, go to Appearance > Menus
Choose to Add new menu or Edit existing menu
You could assign menu to menu locations when editing menu or in tab Manage Locations
Remember to Save changes.

How to add menu link:

Log into your WordPress Admin area.
Go Appearance > Menus > Click "create new menu"
Write menu name and Click "Create Menu" button.
Click "Custom Links" tab

Note: Every section has different id to setup menu.

Before we move on you need to know how the menu works. We have used different id's for different sections in our theme. When you click on any menu link it will scroll down to that specific section. For example if you click on FEATURE link then it will scroll you down to the FEATURE section. That's because we used a id named #app-features and linked it the FEATURE link on menu.

Here's the list of id's of every sections:

All id name below:

Menu Name	id name
Home	#intro
Feature	#app-features
Screenshots	#screenshots
Pricing	#pricing-plan
Download	#app-download
Contact	#contact

Note: Again for HOME link we used different id's for different layouts

Layout Name	ID name
Layout Two	#intro2
Layout Three	#intro-parallax
Layout Four	#intro-l4
Video Background	#intro-video
Solid Background	#intro-solid
Gradient Background	#intro-gradient
Slider Background	#intro-slide
Parallax Background	#intro-parallax
Text Rotator One	#intro-rotate-one
Text Rotator Two	#intro-rotate-one
Transfarent Background	#intro-transfarent

See Screenshot

Follow below instruction to setting contact form.

Log into your WordPress Admin area.
Go Contact (Be sure, you installed all plugins what required in this theme.)
Click "Add New" button from top.
Write Title and paste below code in form.
Save
Copy shortcode and paste shortcode in widget area with a text widget. Shortcode like as [contact-form-7 id="162" title="Untitled"]


<div class="col-md-12 heading">

    <h2 class="wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".3s">Say Hello !</h2>

    <p class="wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".3s">Lorem ipsum dolor sit amet consectetur adipiscing elit Etiam at ipsum at ligula vestibulum sodales Sed luctus orci vel nibh aliquam laoreet Aenean accumsan </p>

</div>   



<div class="col-md-12 contact-form">

 <div class="form-group">

   <div class="row">        



      <div class="col-sm-6 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".3s">

         [text* your-name placeholder="Name"]

      </div>



      <div class="col-sm-6 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".3s">

         [email* your-email placeholder="Email"]

      </div>



      <div class="col-sm-12 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".6s">

        [textarea your-message placeholder="Message"]

      </div>



      <div class="col-sm-12 form-btn wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".9s">

        [submit "Send"]

      </div>



   </div>

 </div> 

</div>

Log into your WordPress Admin area.
Settings > Reading > Chose "A static page (select below)"
Select your front page
Save Changes

Follow below instruction:

Log in to your WordPress Admin area.
Go to "Mailchimp for WP"

Form Code:

Follow below instruction:

Log in to your WordPress Admin area.
Go to "Portfolio Projects"
Add some portfolio image with "Add New" Button.
Use below shortcode,where you want to show your Portfolio Projects.

Portfolio project shortcode:

[portfolio title="Our Best Project" desc="Portfolio Description"]

Follow below instruction:

Log in to your WordPress Admin area.
Go to "Background Slider"
Add some background slider image and slider text.

Show this slider within this shortcode-

[header-slider]

Follow below instruction:

Log in to your WordPress Admin area.
Go to "App Screenshot Slider"
Add some slider image and slider text.

Show this slider within this shortcode-

[slider title="Section Title" desc="Section Description"]

Follow below instruction:

Log in to your WordPress Admin area.
Go to "Testimonial Slider"
Add some slider image and slider text.

Show this slider within this shortcode-

[testimonial-slider title="" desc="" applink="#" playlink="#"]

Follow below instruction:

Log in to your WordPress Admin area.
Go to "Layout Two Header Slider"
Add some slider image and slider text.

Show this slider within this shortcode-

[layout-two title="Section Title" desc="Section Description" download="Download button link"]

Portfolio project shortcode:

[portfolio title="Our Best Project" desc="Portfolio Description"]

Show this slider within this shortcode-

[header-slider]

Show this slider within this shortcode-

[slider title="Section Title" desc="Section Description"]

Show this slider within this shortcode-

[testimonial-slider title="" desc="" applink="#" playlink="#"]

Show this slider within this shortcode-

[layout-two title="Section Title" desc="Section Description" download="Download button link"]

RxApps

Responsive WordPress App Landing Page

Theme Installation

Demo Import

Setup Menu

Setting Contact Form

Home Page Setting

Setting Mailchimp Plugin

How to Show Portfolio Project

How to Setting Slider Background Layout

How to Setting App Screenshot Slider

How to Setting Testimonial Slider

How to Setting Layout Two Header Slider

RxApps All Important Shortcode