Yoox

Fine One Page Parallax Responsive WordPress Theme


Yoox – is a versatile fine one page WordPress Responsive theme for different purposes. It is suitable for any creative agency, corporate business, startups, personal portfolio, photography or web studios. Every pixels are customizable with visual page builder. Build with Customizer that helps user to edit visually. 24/7 dedicated support with life time updates & much more...

First of all if you are all new to WordPress, I would recommend to learn a little bit about it before you get started. Here are some nice Resources on how to get started with WordPress.

 

Before we start talking about theme installation we should know some fact about wp themes. There in Yoox package two theme is available. Parent and Child. So we should know about parent and child theme first. 

A WordPress child theme takes the functionality of another theme, named parent theme. It gives you the possibility to customize an existing theme. Instead of modifying the theme files directly, you can activate the child theme and work within it. All customizations are stored in the child theme and anything in the child takes priority over the parent. So if the same file exist in both child and parent, the file from the child will control that aspect of the theme. Working with child themes, your customizations are safeguarded from future upgrades because you only upgrade the parent theme, which you never edit, while the customizations are protected in your child theme which you don’t upgrade.

Why use Child Theme?

Safe Updates. You can easily modify your website using child themes without ever changing the parent theme. When a new version of the parent theme appears, you can safely update it as all your modifications are saved in the child theme. Easy to Extend. A child theme has a great flexibility. It does not require writing a lot of code. You can modify only those template files and functions that you need.

When you install one of our Yoox themes you must upload both Yoox parent and Yoox child theme folders to /wp-content/themes/ but you should only activate the Yoox theme via Appearance -> Themes.

Here is 2 ways to install Yoox theme in your wordpress. Details are noted bellow:

FTP Upload:

  1. Unzip you downloaded package.
  2. Open up your FTP manager and connect to your hosting
  3. Browse to wp-content/themes
  4. Upload the Yoox & Yoox child in theme folder
  5. Log Into WordPress and go to Appearance > Themes
  6. Find the Yoox or Yoox child Theme and click activate btn.

WordPress Upload:

  1. Log into your WordPress backend
  2. Navigate to Appearance > Themes
  3. Click Install Themes
  4. Click Upload
  5. Now you just need to find the "yoox.zip & yoox-child.zip" in the Upload folder and hit Install now.
  6. After complete installation click on active button to active The theme.

Here is an Yoox theme installation video. Hope this one will help you. I am going to follw "FTP Upload" method. I already uploaded theme in my wp-content/themes/ folder. Uploaded both parent and child theme. Let me show you:

If you still can't figure it out then please mail me at expjoomworker@gmail.com. I am ready to help you.

In Yoox we used 6 Plugin. 5 plugins are required and must be installed before import dummy content. 

  1. Elementor -> Used for Visual Page Builder.  Required.
  2. Kirki -> Used for Customize options and Theme customizations.  Required.
  3. Yoox Assistance -> Used for all custome post type and Yoox Features.  Required.
  4. Revolution Slider -> Used for all Hero slider.  Required.
  5. Unyson -> Used for Dummy Installation and Content Backup.  Required.
  6. Contact Form 7 -> Used for contact form.  Required.
  7. Mailchimp For WP -> Used for Mailchimp Subscription. Optional.

Lets talk about installation process. Once you installed the Yoox theme you will see an notification in you WP dashboard. Like this:

Click on Begin Installing Plugins link that red marke in prev screenshot. You will get this window:

Select all plugin by checked all check boxes. Select 'Install' from bulk action dropdown. Then click on Apply buton and wait. Once all plugin get installed please Active all of them and Install Unyson Extension for Dummy upload. Here is a small Screencast.

That's It. If you need any more help please mail us at expjoomworker@gmail.com.

 

 

Yoox is an awesome onpage and multipage creative wordpress theme. And it has an awesome dummy data installation process. You can install dummy data via 2 process. All of them are describe bellow:

Oneclick Dummy Installation : 

Note: Install all plugins and extensions before install dummy content.

Please browse Tools -> Demo Content Install. You will get a new window  Now click on "Install" button and wait till auto refresh. Please during dummy installation do not click any place or do not refresh the page. This awesome installare will set everything and redirect you to site home page.

Here is a complet installation video: 

 

Wordpress Importer : 

Yoox is an Fine One Page Parallax Responsive WordPress Theme. Now please follow the process.

You can install sample data with Wordpress Builtin function. To install please Navigate Tools -> Import. You will get a POPUP from popup click on Wordpress link in bottom left. Its ask you for install a importer plugin and activation.  After activate the plugin browse the .xml file and click on Upload File and Import button. Once you upload the .xml file you get a window like this.

Select your existing user and checked "Download and import file attachments" checkbox and click submit. This will take some time. Now wait and watch. Once import complete you will get a window like this.

Its done. But we need to configure some thing in our backend. Lets browse Pages -> All Pages and edit Front Page. 

Now make sure the page has selected "Front Page" page template. 

Now please navigate Settings -> Reading from you admin dashboard menu. Once the settings page loaded Please checked "A Static Page" checkbox and select "Front Page" for Homepage and "Blog Listing" for  Posts Page. 

That's it. Now we need to import Rev Sliders manually. Please navigate Slider Revolution menu from you admin dashboard. You will get an window with "Import Slider" Box. Click on that box and import  all  .zip slider data one by one.

Now we need to install widget datas. Please navigate Plugins -> Add New and search for "Widget Importer & Exporter" plugin. Install that plugin and activate it. 

Now browse Tools -> Widget Importer & Exporter menu. Upload .wie file. Now click on "Import Widgets" button. 

That's it. All done. Now refresh you Front page. Hope all is well done. If still you can't figure it out then please mail us at expjoomworker@gmail.com. We are ready to help you.

In Yoox we setup 5 different Home pages with different slider, Content, Header & Footer settings. All Dummy version are import at once. By default Version 1 activated. Now if you want to change version please follow the process noted bellow.

Please navigate Appearance -> Menus :

In menu Dropdown List all versions menu are listed. Suppose you want to active Home Version 5. Then please select "Main Menu 05" then click on Select button. Page will reload with Menu 05 Items. Now scroll down the page and follow this screenshot bellow:

Checkd "Primary Menu" Checkbox and click on "Save Menu" button. Version will get activated autometically.  Hope you get it. If you still need help please let us know.

 

Where you will find Home Page Sections or How to edit theme? Why Front page is empty when i edit? Lost of question arise. Lets solve them. First we need to understand our one page structure. Here main factor is Menu. Asume that you want to edit all section of Home version 5. As we discussed at previous section, If home version 5 active then there must be "Main Menu 05" also active. 

Each menu items is a page. Asume that you want to edit 'About' section. Please navigate Pages -> All Pages and find out About 2 Page from list. "About 2" is original name of that page.

To edit this page please click on "Edit With Elementor" link. And edit it as you want. 

This is the way to edit all Home Version sections. If you still can't figure it out then please mail us at expjoomworker@gmail.com. We are here 24/7 for you.

 

 

Now we are going to learn how to build your custom site with our visual page builder. Thers is lots of thing. So be carefull & follow the process. Lets create a custom fron page and some page sections. 

  1. Create Front page.
  2. Set this page as Site Home Page
  3. Create Sections.
  4. Create a Menu with those sections.
  5. Active and Save the Menu.
  6. Refresh the Home Page.

All those 6 steps will shown in this video. I think video is better than description.

 

Yoox has an awesome, small but effective option panel setup. Actually we dont use option panell. All options managed from customizer. So, lets start. Please navigate Appearance -> Customize -> Theme Option.

  1. General Settings -> Preloader & Google Map API
  2. Typography Settings -> Site Core Typography.
  3. Color Preset Settings -> Setup you Site Accent Color.
  4. Header Settings -> Logo, Menu & Popup Menu.
  5. Header Stylings -> Styleup your header. Color, Font.
  6. Popup Menu Stylings -> Styleup your popup menu.
  7. Blog Settings -> Page Banner, Blog Style, Sidebar Positions.
  8. Post Settings -> Post Banner, Single Post Style, Sidebar Positions.
  9. Folio Settings -> Page Banner, Style & Others.
  10. Folio Single Settings -> Page Banner, Style & Others.
  11. Social Settings -> Site Social Links.
  12. Footer Settings -> Style & Widget Contents.
  13. Footer Styling -> BG Color, Color & Paddings & Others.
  14. 404 Settings -> 404 Page Content, Color & Styling.

Lets take a video Tour : 

Lets talk about some Page settings and some about additional settings. As you know you can configure Yoox one page and multipage. So lets describe about it. 

When you create a page, you can make it Front Page section or you can make it indipendent page. Navigate Pages -> Add New.

  1. Insert your Page Title
  2. Insert your Page Content. If you want to make it info page like simple post and dont want to use any shortcode or visual builder then please do not select page template from Page Attributes meta box. Use Default Template. If you want to make a different page with shortcodes or Visual composer then please select "Full Width"  page template. Or if you want to use this page as Home Page Section then don't need to select any page template.
  3. Featured Image: If you used default template then Featured image will effective.
  4. Section Settings: If you want to use this page as Home Page Section then please "Is Section" turn to Yes. If you want to hide this page name from menu in Front Page then please "Disable From Menu" turn to Yes.
  5. Page Settings: Is this page is "Seperate Page" I mean multi page setup then fill out all information of Page Settings Tab.
  6. If you are going to use this page as your Portfolio Work listing page then Please Select "Folio Page" from page template attributes. And setup all other options from Appearance -> Customizer -> Theme Options -> Folio Settings.

Lets take a Video Tour: 

First of all i wanna thanks to all authors who made my taks easy. I wanna give them full credits. Without there scripts It will really very hard to build such beautifull theme.

 

CSS :

  1. Bootstrap
  2. Animation
  3. Font Awesome
  4. Line Awesome

 

JS :

  1. Bootstrap
  2. Gmaps JS
  3. Parallax JS
  4. Jquery Magnific Popup
  5. Owl Carousel

 

Plugins : 

  1. Elementor
  2. Contact Form 7
  3. Unyson
  4. Mailchimp for Wordpress

Once again, thank you so much for purchasing our theme. As we said at the beginning, we are glad to help you if you have any questions relating to this theme. Just contact us via email at expjoomworker@gmail.com. And please do not forget to rate this theme! :)

 

Thanks In Advance
ThemeWar