Powerful responsive and mobile friendly App showcase WordPress theme
Created: 26/06/2021
Last Update: 24/06/2024
By: AthenaStudio
E-mail: [email protected]
Twitter: twitter.com/AthenaStudio87

Table of Contents

  1. Directories
  2. Installation
  3. Theme Options
  4. Setup Front Page
  5. Import Demo Content
  6. Primary Menu
  7. WooCommerce
  8. Contact Form 7
  9. Newsletter
  10. Google Maps
  11. WPBakery Update
  12. How to Translate

A) Directories

naxos - Contains theme files.

help – Help file (HTML).

licensing – GPL descriptions.

source – Source files.

B) Installation

Current documentation was created to help you with quick installation and configuration of Naxos theme. Please, read it carefully to avoid most of potential problems with incorrect configuration.

To install this theme you must have a working version of WordPress already installed.

For detailed Wordpress installation instructions visit https://codex.wordpress.org/Installing_WordPress

Download the zipped package from ThemeForest and extract to your desktop. In the extracted package you will find naxos.zip file which is the WordPress theme.

You can install the theme in two ways:

Once you have activated the theme you will need to change some of the pages and media settings for optimal performance.


After that, check required plugins on Appearance / Install Plugins:

Then, import sample data automatically via Appearance / Import Demo Data.

Or, import sample data manually (naxos/demo/naxos.wordpress.xml) at Tools / Import / WordPress (If not installed, press "Install Now"). Click on Run Importer. (You can load sample images by ticking the field in the opening page.)

In 3rd step, go to Settings / Reading. Select "A static page (select below)" and select Homepage as Home Style - Single Image and Posts page as Blog.

Finally, go to Appearance / Menus. Click on Manage Locations and select Main Menu as Primary Menu.

C) Theme Options

After the installation you can make your own settings. Please, open Naxos (Theme Options) and make site-wide settings:

Theme Options

D) Setup Front Page

Create a new page Pages > Add New based on the Front Page template, then click on the Publish.

Once page will be reloaded, you need to select the Section Type and enter some data.

Then click on the Update for saving changes.

Go to Settings > Reading and set the new page as front page.

Setup Front Page

E) Import Demo Content

If you want to have the same website as Live Preview of theme, you’ll need to import demo content.

There're 2 ways to import demo data:

1. One Click Demo Import

Import Demo Data

2. Import Demo Data Manually

Import XML

F) Primary Menu

Naxos supports custom WordPress menu. Navigate to WP Admin Appearance > Menus page and create menu. Select the newly created menu from the theme locations dropdown box Main Navigation as it mentioned on screenshot and press Save button.

Primary Menu

G) WooCommerce

Naxos requests to install WooCommerce after theme setup.

After installing & activating WooCommerce, you can click on skip store details.

After importing demo data remove duplicate Cart, Checkout, My account and Shop pages which don't have info text on the right side or didn't set by WooCommerce.

If you want to install WooCommerce manually follow these steps:

At 1st, install WooCommerce plugin by Plugins > Add New. Search for WooCommerce. After finding it, Install & Activate the plugin.


After installing it, you can import sample products by opening Products > All Products. Click on Import button. Then, unzip naxos.zip and select woocommerce/naxos.products.csv which is included in the main zip file. Then, click on Continue to start data import.


Finally, you can add Shop page to Primary Menu by Appearance > Menus.

H) Contact Form 7

Open Contact > Contact Forms. Edit the 1st contact form. Copy following HTML code to Form field.

<div class="row">
    <div class="col-12 col-lg-6">
        <div class="form-group mt-2 mb-3">
            [text* your-name class:form-control placeholder "Name"]
    <div class="col-12 col-lg-6">
        <div class="form-group mt-2 mb-3">
            [email* your-email class:form-control placeholder "Email"]
<div class="row">
    <div class="col-12 col-lg-12">
        <div class="form-group mt-2 mb-3">
            [text* your-subject class:form-control placeholder "Subject"]
<div class="row">
    <div class="col-12 col-lg-12">
        <div class="form-group mt-2 mb-3">
            [textarea your-message x4 class:form-control placeholder "Message"]
<div class="row">
    <div class="col-12 col-lg-12 mt-2">
        [submit class:btn "Send Message"]

Then, edit Contact page. Remove if there's old shortcode of contact form and add Contact Form 7 shortcode by clicking on + button.


I) Newsletter

Get your API Key:

Step 1 - Click your profile name to open the Account Panel and choose Account.
Step 2 - Click the Extras drop-down menu and choose API keys.
Step 3 - Copy an existing API key or click the Create A Key button.

Step 4 - Be careful that your list asks just the email address, Audience / Signup forms / Form Builder / Build it. See the screenshot below.

Get your Audience ID:

Step 1 - Navigate to the Audience page on the top left of your dashboard.
Step 2 - Click on Manage Audience drop down menu and select Settings.
Step 3 - Click on Audience name & defaults to find the unique Audience ID for the list, see the screenshot below.

Finally, open Naxos / Subscribe. Copy them to Mailchimp API Key and MailChimp Audience ID fields.

J) Google Maps

Please, get an API key here:

After you get the Google Maps JavaScript API, write it to Map Options section in Naxos (Theme Options).

K) WPBakery Page Builder Update

After downloading the new naxos.zip installation file, remove WPBakery Page Builder plugin. Then, reinstall it via Plugins / Add New. WPBakery plugin installation file is in naxos/plugins/js_composer.zip.

Or, update Naxos theme via Envato Market plugin. Then, remove WPBakery Page Builder plugin. You’ll see WPBakery installation request in WP admin panel.

L) How to Translate

The translation file you can find in languages folder (/wp-content/themes/naxos/languages). Edit the .po file using POEdit, use the translation field to make replacements. Read here how to do it right.

From the file menu, save file with your language name e.g de_DE.po into languages folder. It will generate both a *.po and *.mo file for your translation.

Next edit wp-config.php located in the root folder of wordpress and define the WPLANG prefix with your language name which should be similar to the translation file name.