Eyewear

Eyewear is created for e-Commerce business and mostly for Single Category Product. It have very modern minimalist design which will focus your products and its variations, and our build in functionality will gives your user a very high user experence with mobile and all major devices support.

Theme Installation & Activation Back To Top

Adding New Themes using the Administration Panels

Installing Eyewear Theme is the same as enabling other WordPress themes. Just download eyewear.zip and upload it on your site .

  • Login To the WordPress Dashboard
  • Navigate to >> Appearance >> Themes >> Add New >> Upload Theme
  • Select eyewear.zip using Choose File button, click Open and press Install Now.

Install Demo Contents & Widgets Back To Top

Themehippo provides exclusive Setup Wizard to install all available theme widgets and demo contents with its default settings. The setup tool instantly turns default your WordPress blog into the Eyewear WordPress theme demo. Check the theme demo from here.

To run the setup you have to install Eyewear theme first. After activating the theme successfully, you get an option to run Eyewear Setup Wizard on the Appearance >> Themes page. Have a look on the image below.

setup-wizard

If you don’t find the option there or want to rerun Setup Wizard, click Eyewear Setup Widget from the Appearance setting.

second-setup-wizard

The last click will launch a window to let you start the setup process. If you want to proceed to turn your WordPress into the demo of Eyewear, click Let’s go.

setup-wizard-01

In this step, the wizard install all the required plugin of Eyewear. To Install all of them select Continue button. It might take near about 1 minute. Installation time fluctuates depending on your internet speed.

setup-wizard-02

Now you will get options to add demo content, menu options, widget settings, theme options and configure reading settings. If you want to install all the priorly defined settings and content altogether, hit Continue button or uncheck unwanted data and then proceed.

setup-wizard-03

Though you can change the logo image from AppearanceCustomizeSite IdentityLogo, here from this setting, you can define your brand logo before site comes live.

setup-wizard-04

 

Here in this step, the Setup Wizard is going to install Theme Options. Keep the backup of Mailchimp code to create MailChimp form. When done press Continue.

setup-wizard-05

Your site is ready. Just read the theme license and agreement and select Agree and Continue

setup-wizard-06

Visit your site and follow us on twitter. Save the documentation and support link. Enjoy the site.

setup-wizard-07

Video Summary

Demo Like Installation with Quickstart Pack Back To Top

Themehippo developer ship another powerful tool to quickly setup your website like the official demo of Eyewear Theme. Before following the step below open a support ticket to request your Eyewear-quickstart.zip first.

Open a Support Ticket

The process is the same as you install fresh WordPress in your server. Before following the step below download eyewear-quickstart.zip first.

After downloading the theme, place and unzip eyewear-quickstart.zip file in your server root. Suppose, you have a domain themehippo.com. Log into the domain through the URL. If you’ve successfully placed the theme files in your website root, the following screen comes up. Select your desired language and press Continue.

language-select

As we configured everything, you don’t need to open wp-config-sample.php and add your Database name, username, password and host manually. We’ll allow you to place these information form with an input form. Skip this step and Click Let’s go.

let go installation wp

Now create a Database and fill the Database Name, Username, Password, Host with the information. When you’ve done, select Submit button.

industrix

If you see the following message, It means you’ve successfully provided the server information. It’s ready to establish a connection between your WordPress site and database. So, simply hit Run the Install button.
run the install

In this turn, you have to provide your site and admin login information. Don't forget to add a strong password and unguessable username except admin. When done, select WordPress Install button.

industrix-final

The success page indicates that your website is ready to go live. From this screen either you can head to the site frontend or backend.
frontend or backend

Video Summary

Color Preset Setting Back To Top

Preset Setting allows you control the entire color settings. Before adding a new change in color setting, make sure you have enabled LESS Compiler first.

Preset Setting allows you control the entire color settings with an enriched graphical interface. From the preset setting page you can change Theme Presets, Theme Color,  Body Background Color, Content Color, Header Color, Link Color, and Hover Color. Access the Preset Setting page from the following instruction.

  • Login To the WordPress Dashboard.
  • Navigate to Eyewear Options >> Preset Settings

For further instruction, follow the screenshot below.

color-preset-settings

Note: After making changes in preset settings, disable LESS Compiler.

Video Summery

Typography Settings Back To Top

Eyewear provides the support Unlimited Google Fonts. From the Typography page you can control Body and Heading typography. To access the Typography page, follow the instruction below.

  • Login To the WordPress Dashboard.
  • Navigate to Eyewear Options >> Typography

For further instruction, have a look on the screenshot below.
typography-settings
Note: Selecting your desired font and font styles, press Saves Changes to save new Typography settings for your site.

Mobile Menu Settings Back To Top

Eyewear offers offcanvas menu for small screens and mobile devices. From Mobile Menu Settings, you change menu position from right or left. Furthermore, you can provide menu and switch between Slide in on Top and Reveal menu animation from Mobile Menu Effect. To access the Mobile Menu settings page, follow the instruction below.

  • Login To the WordPress Dashboard.
  • Navigate to Eyewear Options >> Mobile Menu settings

For further instruction, have a look on the screenshot below.

mobile-menu

Note: Selecting your desired menu position and animation effect, press Saves Changes to save new mobile menu settings for your site.

Video Summary

Create Attributes for WooCommerce Product Variation Back To Top

Preloader Settings Back To Top

Back To Top Button Setting Back To Top

Header Variation Settings Back To Top

Blog Post Settings Back To Top

WPML For Multilingual Sites Back To Top

We have provided official support of WPML with Eyewear Theme. Head to the WPML website and buy your preferred subscription. Afterward, download and install the following plugins.

  • WPML Multilingual CMS
  • WPML String Translation
  • WPML Translation Management

When you successfully install the plugins, you get a WPML setup wizard. It guides to configure your multilingual site properly.

How To Install Child Theme Back To Top

Override Logo Size Back To Top

Adding desired logo width and hieght is easy here. By default, it comes defined width: 165px and high 70px for logo. You can override the size, following the instruction bellow.

  • Activate Eyewear Child Theme
  • Copy the following code in function.php from eyewear-child


function eyewear_child_logo(){
return array( 'height'=> 70, 'width'=> 165, 'flex-height'=> TRUE, 'flex-width'=> TRUE);
} add_filter( 'eyewear-custom-logo-attrs', 'eyewear_child_logo');

Changing default paramiters for high and width, you can add your desired logo size.

How To Update Eyewear Theme Back To Top

To update Eyewear theme, follow the instruction below.

Step 01

Step 02