ASLAN

Extended Documentation

For legal and professional support, please check out our Lunartheme Support Center!

INTRODUCTION

We would like to send the sincerest thank to you for purchasing Aslan! We're sure that you have made an excellent choice in choosing it. You also have agreed that this item is unique among tons of Premium WordPress themes. Before getting started, please make sure that you always check out our Aslan WordPress Theme documentation files. We offer all kinds of useful information that you need to use for your purchased item. Besides, Knowledgebase, Articles, Forum Search in our Free support center are available for you to fully satisfy your questions. Thank you, we hope you enjoy using our theme. Aslan can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please follow the below WordPress information section to see our section on WordPress to help you get started.

To install this theme, you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress users:

To use Aslan Theme, your server must be running WordPress 4.5 or higher, PHP5.5 or higher, and mysql 5 or higher. Below is a list of items you should ensure your host can comply with.

THEME INSTALLATION

To install Aslan, you must have a working version of WordPress already installed. Make sure your installed Wordpress version is 4.5 or higher. You also need to have PHP 5.5 or higher versions and MySQL 5.0 to function correctly.

If you need help installing WordPress, follow the instructions in WordPress Codex

When you purchase our theme from ThemeForest, you need to download the Aslan files from your ThemeForest account. Navigate to your downloads tab on ThemeForest and find Aslan. Click the download button to see the two options. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Click to Installable WordPress files only.

Extract our full package, then you will see all files and folders, including 02 .zip files and 03 folders. Below is the full list of everything that is included when you download our theme, along with a short description of each item:

  • Aslan.zip - This is the theme file you need to add to install the Aslan theme
  • Aslan-child.zip - The child theme is for users who want to make any code changes or in need of modifying the functions/styling of an existing theme.
  • Plugins folder - Contains the necessary plugins used for Aslan theme (both premium and free), including:
    1. Revslider.zip - The Revolution Slider which helps create beautiful image sliders for your site
    2. K-Teacher.zip - Our custom plugin which allows to create teacher/trainer detailed pages classified in categories and tags. For more information, go to K-Teacher Plugin
    3. K-Shortcodes.zip - A custom plugin which includes all shortcodes for theme which helps you build your own pages. For more information, go to Shortcodes
    4. K-Event.zip - Our custom plugin which allows to create event detailed pages classified in categories and tags. For more information, go to K-Event Plugin
    5. K-Course.zip - Our custom plugin which allows to create course/class detailed pages classified in categories and tags. For more information, go to K-Course Plugin
    6. js_composer.zip - Visual Composer - the most popular page builder for WordPress
    7. Advanced-custom-fields-pro.zip - A graphic user interface layer for custom fields
  • Documentation folder - Contains the document providing you all the detailed guides to use Aslan theme
  • Sample data - Contains 01 revolution-slider folder and 01 .xlm file.
    1. Revolution-slider folder - Includes 01 .zip files. Those are all Revolution setting data
    2. Aslan-wordpress-theme.xml - Includes all dummy data

Following some steps below, you can completely install Aslan in few minutes.

Once you're done with activating theme, you need to install all the recommended/ required plugins. Aslan includes some important plugins that will need to be installed and activated: K Shortcodes, Visual Composer, Advanced Custom Fields Pro. They are required for the theme to work, it contains all of our theme features like shortcodes and shortcode generator, page builder, etc. Date and Time Picker, Contact Form 7, Instagram Feed, Revolution Slider, WooCommerce and YITH WooCommerce Wishlist are recommended plugins.

When you install Aslan, you will get a notification message in your WordPress admin telling you of the required and recommended plugins.

COMMON ISSUES & QUESTIONS

When I Activate The Plugins The Site Crashes?

This will be due to your servers PHP configuration limits and will require that these configurations limits be increased. For most, these limits can be increased without having to contact your hosting provider, however, in rare cases some hosts can restrict manual intervention and that will require you to contact your hosting provider to increase the limits for you.

How Do I Update The Premium Sliders?

Aslan does include updates for our premium slider plugins (Revolution Slider and Layer Slider) however, this does not mean that you will receive an individual license for these Premium Sliders. Due to Envato’s licensing rules, we can only issue updates for these plugins when we issue a theme update. This also ensures that we fully test the plugin to make sure there are no critical bugs that will conflict with our own update.

INSTALL DEMO DATA

There are 02 different ways to help you import Aslan demo content. However, each way has its own purposes which are worth noticing:

Please Notice This Important Thing about The Demo Content

Images - Our demo images are not included because they are licensed stock items that are not allowed to be shared. So, they will be modified by placeholders, you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects.

The easiest way to import our demo content is to use our One Click Importer. To import our demo content, please see the steps below.

In the event that your host will not make changes, or you cannot get the demo content to import, you can then import the individual elements manually.

Continue reading below to learn how to manually import demo content.


>> Check The Following Plugins Before Import


Where To Find Demo Files

But before moving straight to the point, there are some notes worth checking:

  • Make sure you have installed all recommended plugins before importing sample data.
  • In /Sample Data/ folder of our package, you can find 01 folder and 01 .xlm file which are:
    1. Aslan-wordpress-theme.xml All Data - sample demo data of some pages from our demo.
    2. revolution-slider.zip Revolution Slider Settings, including 03 .zip file which are home1.zip, home2.zip, home3.zip
  • The import process may take several minutes due to large data and your server capacity. If your server setting "Max Execution Time" is too low, increase it (as your hosting provider). Please do not close the browser until it finishes. If it fails, you can run this process again until seeing the "Success Message".
    Demo Images are not installed due to some copyrighted licenses
  • If you have to run the process more than once, menu items may be duplicated. Just go to Appearance > Menus and edit/delete Menu items
  • Feature images are not imported (We use licensed photos on our demo page). Instead you will see placeholder images.

How To Import XML Files

To install sample data, please following these steps below:

NOTE: You can get the .xml file by going to Tools >> Export >> Choose file and click "Download Export File". In the screenshot above, we have exported all content demo data. Then we got the file named "content-export.xml"


How To Import Revolution Slider

To install revolution slider, please following these steps below:

How To Import Widget Data

To import widgets, please following these steps below:

HOW TO

This includes all the detailed and necessary steps for you to set up your website using our theme ASLAN.

1. How To Add A New Post

To create a new post, you follow the below steps:

2. How To Add A Gallery Post

To create a gallery post, you follow the below steps:

3. How To Add A Video Post

To create a video post, you follow the below steps:

4. How To Add An Audio Post

To create an audio post, you follow the below steps:

5. How To Add A Quote Post

To create an quote post, you follow the below steps:

1. How To Create A Blog Page

2. How To Setup Blog Page

To setup for your blog page, please go to Theme Options and follow the below steps. All the changes that have been made in this 'Blog' section of Theme Options will effect the entire website. That means if you make any adjustments in a certain page, it will overwrite options in Theme Options.

Front-end setttings

  • Blog Mansory 4 Columns
  • Blog Mansory 3 Columns
  • Blog Grid 4 Columns
  • Blog Grid 3 Columns
  • Blog Grid 2 Columns Right Sidebar
  • Blog Large
  • Blog Large Right Sidebar
  • Blog Large Left Sidebar
  • To Set up a list of video tutorials, first you need to create a video blog format as we mentioned above in Create Blog Post section. You need to follow these steps down below:

    To create a homepage, please follow the below steps:

    Sample Codes For Homepages

    Here we provide you 04 demo pages, each comes with different style and purpose:

    Below is an example of WordPress theme with direct instruction for every section. This captures some main components in contributing a web page:

    Below, we guide how to import revolution slider for your page, please follow some steps below:

    In case you want to export slider from a website, you can go to Revolution Slider. And then hover to the slide that you might want to export data. Click to the down arrow sign >> Export Slider

    Aslan supports you with 03 header sections including top, middle (main) and bottom header. Below, we will guide you how to setup each header section. Please follow step by step:

    1. Top Header Setup

    To setup the top header, follow the steps below:

    2. Main Header Setup

    Front-end settings

    Aslan's main header includes logo, main menu, search and cart icons. After you have uploaded a logo and created menu, you will follow the below steps to complete main header settings

    3. Bottom Header Setup

    You can enable the bottom header section or not, it depends on your demands. You can refer the above sections and do the same with the bottom header section

    4. Sticky Header

    Sticky menu on middle header

    To use sticky header, you follow the below steps:

    5. Fullwidth Header

    Header Fullwidth setttings

    To use fullwidth header, you follow the below steps:

    6. Header Settings and Back-up Options

    Header Settings

    You can set up background color, image, opacity, custom css in each of header section (top, middle or bottom), follow the below steps:

    Aslan allows you to create unlimited number of sidebars. You can set each page with a different sidebar of your choice. Follow the next step to learn how to set up your sidebar

    • Step 0: Make sure that you install and activate Custom sidebars plugin

    • Step 1: Go to Appearance >>> Widgets

    • Step 2: Click to Add new sidebar to start to create a new sidebar, fill the name of sidebar you want

    • Step 3: Drag widgets into your sidebar and customize each widget
    • Step 4: In order that sidebar you have created is shown on individual page/post, you follow the below steps:
      1. Open the post/page in WP admin
      2. Scroll until you see Page/Post options
      3. Click to Page layout tab, you will see options to select the position of sidebar: left or right sidebar in "page layout" field
      4. In "custom sidebar" field, you fill the name of sidebar you have created
      5. Update or publish your page/post

    Aslan provides you a great, number of sample pages and layout, which help you create an impressive website on your own:

    • 1. About Us:
    • You can insert the following code into the back-end's visual section:

    • 2. Contact Us:
    • You can insert the following code into the back-end's visual section:

    Aslan is completely compatible with WooCommerce, you can use all WooCommerce shortcodes and functions to build your shop pages. More about the WooCommerce shortcodes.

    1. How To Create Your Products

    • Step 0: Make sure that you have installed WooCommerce plugin
    • Step 1: In the dashboard, navigate to Product >>> Add new product. Enter a name for your product.

    • Step 2: Write the product description into the post content field, this will be all the product information.

    • Step 3: You enter the product information price, SKU, shipping, and more) into the “Product Data”.

    • Step 4: The “Product Short Description” permit you to write the short information about product.

    • Step 5: Set “Featured Image” in the right sidebar.

    • Step 6: When all manipulations are finished, click “Publish” to show on your product.

    2. How To Create A Shop Page in Aslan

    • Step 1: Go to Pages >>> Add new page, then enter the name of page, for example "shop" and publish it
    • Step 2: Go to WooCommerce >>> Settings in your Dashbroad

    • Step 2: Click on “Product” tab. This includes 'General', 'Display', 'Inventory', 'Downloadable Products'.

    • Step 3: Click on "Display" tab, you will see "shop page" option, select "shop" page from drop down menu
    • Step 4: Back to the shop page and set “Featured Image” in the right sidebar.

    • Step 5: Save all changes to show on your main shop page.
      • 3. How To Set Up Your Own Shop Page

        • Step 1: Go to Appearance >>> Theme options

        • Step 2: Click to Woocommerce tab. You can see options for single product and product page

        • Step 3: In Shop Achieve of WooCommerce Theme Option, you can choose 3 layouts: Right Sidebar, No Sidebar or Left Sidebar

        • Step 4: Turn on/turn off the product softing and the number of results per page.

        • Step 5: Set number of Columns for products, we set it 4 as default. You can change it with different quantity.

        • Step 6: You can custom the number of products per page to tailor your need. Also, type -1 if you want to display all products.

        • Step 7: Titlebar: You can custom anything about titblebar of shop achieve.

        • Step 8: Save all changes

        4. How To Set Up Single Product Page

        • Step 1: Go to Appearance >>> Theme options

        • Step 2: Click to Woocommerce tab. You can see options for single product

        • Step 3: In Single product of WooCommerce Theme Option, you can customize your single product page with 3 layouts: Right sidebar, Left sidebar and No sidebar

        • Step 4: You can show/hide (turn on/turn off) the related products in every single product page.

        • Step 5: In detail, you can select the number of columns to show related products w.

        • Step 6: Titblebar: You can custom anything about titblebar of shop single product.

    FEATURES

    To customize the appearance of your site, you go to Appearance >>> Theme Options to configure. Below is the detail of how to use those functions.

    General


    • Step 1: Navigate to Appearance >>> Theme Options >>>General.

    • Step 2: Show or Hide Breadcrumb.
    • Step 3: Show or Hide place holder (just for single posts). Choose to show the place holder if you have no uploaded images on your site
    • Step 3: You can customize sidebar width
    • Step 4: For Header code, Footer Code, custom CSS you can enter custom CSS or fill Google Analytics tracking code.
    • Step 5: Finally, Save changes

    Icons

    • Favicon - Favicon is a small icon image at the topbar of your browser.
    • Iphone icon - The iPhone icon is a file used for a web page icon on the iPhone. When someone bookmarks your web page or adds your web page to their home screen, this icon is used. If this file is not found, these products will use the screen shot of the web page, which often looks like no more than a white square.

    • Iphone retina icon - The same as iPhone icon but for Retina iPhone.

    • Ipad icon - The same as iPhone icon but for iPad.

    • Ipad retina icon - The same as iPhone icon but for Retina iPad.

    Layout

    • Step 1: Navigate to Appearance >>> Theme Options >>>Layout.

    • Step 2: Layout tab in theme options is where you can customize content width. You can choose content width in the range from 940px to 1200px.
    • Step 3: Finally, Save changes
    Title Bar
    • You can turn on/off Titlebar, its Meta or Excerpt and Breadcrumb also.
    • Enter Page titlebar font size, title color, top padding, bottom padding, choose background image or color, position (Left Top, Left Center, Left Bottom, Right Top, Right Center, Right Bottom, Center Top, Center Center, Center Bottom).

    • Check ON to turn background parallax, customize titlebar shadow opacity, titlebar overplay cpacity, titlebar clipmask opacity according to percentage, or you can upload pattern image for titlebar (optional).

    • Enter titlebar custom content.

    Front-end setting

    Style

    • Step 1: Navigate to Appearance >>> Theme Options >>>Style.

    • Step 2: Primary color: Select color for site in Aslan color (main color), select color for heading and text.
    • Step 3: Link color: You can select color for link, link hover, footer text and footer link.
    • Step 4: Menu color: You can set color for main menu and submenu.
    • Step 5: Finally, Save changes

    Typography

    • Step 1: Navigate to Appearance >>> Theme Options >>>Typography.

    • Step 2: You can choose a normal font or Google font for Navigation, Heading and Body.

      1. Font Family
      2. Headings Font Size
      3. In this section, you can customize Font size for Heading types or Body.

      4. General Font size
      5. Font Type
    • Step 3: Finally, Save changes

    Blog

    All the changes that have been made in this 'Blog' section of Theme Options will effect the entire website. That means if you make any adjustments in a certain page, it will overwrite options in Theme Options.

    • Step 1: Navigate to Appearance >>> Theme Options >>>Blog.

    • Step 2: Set up for blog layout
      1. Blog layout: Right sidebar, left sidebar or no sidebar

      2. Blog sidebar: Fill the name of sidebar you want to show (To create sidebar, you go to Appearance >>> Widget)

      3. Blog style: There are 4 styles icluding large, grid, masonry, medium.
      4. Blog animation: Turn on/off blog animation on the website.
    • Step 3: Blog options
      1. Content or excerpt: select to display content or excerpt on the blog

      2. Excerpt length: The number of displayed excerpt words

      3. Infinite scroll: You can use Pagination number to navigate to the next page

      4. Title link: You can show or hide title link

      5. Post date: Enable to show published date information

      6. Comments: Show the number of comments

      7. Author: Show the name of author

      8. "Readmore" link: Show the readmore button
    • Step 4: Finally, Save changes

    Front-end setttings

  • Blog Mansory 4 Columns
  • Blog Mansory 3 Columns
  • Blog Grid 4 Columns
  • Blog Grid 3 Columns
  • Blog Grid 2 Columns Right Sidebar
  • Blog Large
  • Blog Large Right Sidebar
  • Blog Large Left Sidebar
  • Single

    NOTE: Similar to the 'Blog' section, all the changes that have been made in this 'Single' section of Theme Options will effect the entire website. That means if you make any adjustments in a certain page, it will overwrite options in Theme Options.

    • Step 1: Navigate to Appearance >>> Theme Options >>>Single.

    • Step 2: Select single layout such as right sidebar, left sidebar or no sidebar. Right sidebar will be selected by default.
      1. Single post layout: You can choose right sidebar, left sidebar or no sidebar

      2. Single custom sidebar: Enter the name of sidebar you have created in Appearance >>> Widgets. For example, "secondary-sidebar"
    • Step 3: Set up meta information
      1. Social share: Turn ON to show Facebook, Twitter, Google Plus, Linkedin, Tumblr, Email on single post

      2. Tags: Turn ON to show tags on single post

      3. Comment number: Turn ON to show the number of comments

      4. Previous/Next link: Turn ON to show post navigation link

      5. Author box: Turn ON to show Author box information

      6. Related post: Turn ON to show related post on single post

      7. Related post title: Fill in the name of related posts, for example "You may also like"

      8. Number of related post: Fill in the number of related posts you want to show, for example "3". In case you want to show all related posts, you enter "-1"

      9. Comment form: Turn ON to show comment form on single post
    • Step 4: Finally, Save changes

    WooCommerce

    You can go to Shop to know more about Woocommerce customization.

    404 Page

  • You can enter 404 Title, custom text, upload 404 image you want to show when users go to 404 page. Check ON to display subcribe newsletter form. But you need to install newsletter plugin.

  • If you want to custom your own 404 page, enter your code into "404 Custom Text" section box.

    Social


    • Step 1: Navigate to Appearance >>> Theme Options >>>Social.

    • Step 2: Social Tab in Theme Options is where you will insert your custom social media links you want to display. If you want to display Facebook icon, Twitter icon or Google+ icon in header or footer you need to insert the URL of your Facebook, Twitter, Google+ in the corresponding field.

    • Step 3: To display icon title when you hover icons, you only need to turn On in the icon title field.

    Social Share


    • Navigate to Appearance >>> Theme Options >>> Social Share.

    • You can turn on/off social sharing for each social networking to display them in the front-end.

    Page Layout

    • Page Layout: There are 3 page layout styles which are Right, Left and No Sidebar.

    • Custom Sidebar: Fill in the name of custom sidebar you have created in Appearance >>> Widgets.

    • Page sidebar width: Customize width of sidebar. The measuring unit is %

    • Top padding of content: Set the measurement of top padding for layout.

    • Bottom padding of content: Set the measurement of top padding for layout.

    Page Metadata

    Post Layout

    • Post Layout: There are 3 post layout styles which are Right, Left and No Sidebar. Default is right sidebar
    • Custom Sidebar: Fill in the name of custom sidebar you have created in Appearance >>> Widgets.

    Post Metadata

    • Show/hide tags: Select if you want to show or hide tags. Default is to show tags
    • Show/hide authorbox: Select if you want to show or hide authorbox
    • Show/hide related post: Select if you want to show or hide related post

    Post Format

    Customize Post format if you choose one of these formats "video, audio, link, quote, gallery":

    • For format "video", you have some options:
      1. Video format url: you can only add link from Vimeo and Youtube
      2. Video source: select video source: video link, upload local file, video embed code.
    • For format "audio", you have some options:
      1. Audio source: select audio source: soundcloud link or upload local file.
      2. Link: insert soundcloud link, or link audio from other websites (option for format "Link" only, please fill in full http:// address).
    • For format "quote", you have some options:
      1. Quote author: fill the author name of the quote.
      2. Author quote url: add author link.
      3. Quote content: fill the quote.
    • For format "gallery", you have some options:
      1. Gallery format: add images, audio, video... from gallery.
      2. Gallery auto play: True or False. If you choose True, your gallery will play in auto. Default is False.
      3. Gallery duration time: fill duration time for your gallery. Default is 5000.
      4. Gallery speed: custom the speed. Default is 300.
      5. Gallery pagination: True or False. If you choose True, your gallery will be paginated. Default is False.
      6. Gallery navigation: True or False. If you choose True, your post will have gallery navigation. Default is True.
      7. Gallery mousewheel using: True or False. If you choose True, the gallery can be used by mousewheel. Default is True.

    You can use row to add elements, shortcodes and buil your own pages

    K-COURSE PLUGIN


    If you want to create a single class/course custom post type on your website with Aslan, first of all, you need to install our K-Course plugin. The installation file can be found in the /Plugins/ folder in our full download package. After installed, you will see K-Course in the left menu panel.

    1. Create a Single Course/Class

    • Step 1: Go to K-Course >>> Add New Class/Course. Enter Course Title, Description.

    • Step 2: Scroll down Course settings to enter other necessary information. It includes:

    • COURSE LAYOUT

      • Course Layout: Select "Default" to use settings in Course Settings area. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“).
      • Custom Sidebar name:Note, you will have to fill in "cs-1" or "cs-2" instead of sidebar name in this field, "cs-1" or "cs-2" stands for "the first custom sidebar" or "the second custom sidebar" you have created in Appearance >>> Widgets. But first you need to install the “Custom Sidebar” plugin from WPMU DEV in order to support you change the custom sidebar name.
  • Course information

    Start Date: Course's start date.
    End Date: Course's end date.
    Course ID: Class’s ID. It should be unique to identify each seperated course.
    Product: Select a WooCommerce product to sell this course. It requires WooCommerce plugin to be installed and there are some products to choose. See WooCommerce section to learn more about creating products.
    Address: Location Address of course
    Duration: Course duration information. For example: one week, two weeks
    Who are instructors: There are 02 options for you which are teacher and outsource. To choose teacher, firstly you need to create a single teacher post information by our K-Teachers Plugins. Then back to this, when you choose "Teacher", it will appear the teacher that you might want to select. To choose 'Outsource', all you need to do is to fill all the information in the table down below when you select it.
    Teacher: Choose from teachers. It requires K-Teacher plugin to be installed and there needs to be filled with some members to choose. See K-Teacher plugin to learn more about managing members
    Course Limit: Enter the member's maximum quantity of each class.
    Number of Current Registers: Enter the number of current registers.
  • Course Schedule: Set time and trainer/teacher for class during the week. To add time for the class, click "Add row".

  • Please notice that the time format is Hour:Minute (HH:MM). It needs to be like for example: 09:00, not 9:00. And you choose the teacher for fthe scheduled class.

  • Course Titlebar: You can custom anything about title bar of the course from name of titlebar to the size or background etc.

  • Excerpt: The brief introduction about course.

  • 2. Single course settings

    • Step 1: Navigate to Appearance >>> Theme Options >>> Single Course.
    • Step 2: Course slug: The “slug” is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens.

    • Step 3: Set up other information on single course page
      1. Layout: You can choose right sidebar, left sidebar, no sidebar
      2. Custom sidebar: Fill in the name of custome sidebar you have created
      3. Related course: Turn ON to show related courses on single course
      4. Related course title: Fill in the name of related course title you want
      5. Social share: Turn ON to show Facebook, Twitter, Google plus, Linkedin, Tumblr, Email
    • Step 4: Set up titlebar

    3. Create a Course Listing page

    Courses Listing page will be defined by using our K-Course Listing Shortcodes in Visual Composer.

    • Step 1: Go to Page >>> Add new page
    • Step 2: To create a Course Listing, we use K-Course Listing Shortcodes
    • Step 3: Start to set up Course listing
      1. Course Listing Style: Including Grid style (the posts will be displayed in Grid format) and Classic Style (the posts will be displayed in Listing format)
      2. Grid Columns: Choose the number of columns you want (just for grid style): 2 columns, 3 columns, 4 columns.
      3. Show/Hide Filter: You can Show or Hide filter of course listing.
      4. Course Per Page: Number of Courses are displayed on each page.
      5. Show/Hide Datetime: Show or Hide date/time displed on course.
      6. Show text or price on apply button: Show text "Apply" or show the price of course
      7. Show/Hide Pagination: Show or Hide the pagination of the page.
      8. Enable Animation: Check the box to enable animation
      9. ID: Type the unique ID to identify this shortcode. It is optional.
      10. Class: Add Class to run css/jss. It is optional
    • Step 4: Save changes

    4. K-Course Setting Page

    • Step 1: You need to navigate to Appearance >> Theme Options >> Course
    • Step 2: Course category slug: The “slug” is the URL-friendly version of the category name. It is usually all lowercase and contains only letters, numbers, and hyphens.

    • Step 3: Course tag slug: The “slug” is the URL-friendly version of the tag name. It is usually all lowercase and contains only letters, numbers, and hyphens.

    • Step 4: Set up titlebar
    • Step 5: Save changes

    5. Course Detail With Pricing

    To sell an Course, WooCommerce plugin must be installed. See WooCommerce section for more information.

    • Step 1: Go to Product >>> Add new
    • Step 2: Enter information for course
      1. SKU: a Stock-keeping unit
      2. Regular price: The price of course
      3. Sale price: The discount price of course
      4. Related courses: The courses is in the similar category
    • Step 3: Upload featured product image
    • Step 4: Click to PUBLISH
    • Step 5: Come back to "single course" you have created to sell course, after that you scrolling to Course settings >>> Course information to enter necessary information

    K-Event plugin


    If you want to create an single event, first of all, you need to install our K-Event plugin. The installation file can be found in the /Plugin Files/ folder of the download package or in our recommended plugins notification when you successfully installed Aslan theme. After finishing the installation, you will see K-Event in the left menu panel.

    1. Create an Event

    To create an event, please follow the below steps:

    • Step 1: Go to K-Event >>>> Add New Event

    • Step 2: Enter event title, description and other information
    • Step 3: Select category for your event. To create a new category, go to K-Event >>> K-Event categories
    • Step 4: Select tags for your event. To create a new tag, go to K-Event >>> K-Event tags

    • Step 5: Set a featured image for the event
    • Step 6: Scroll to Event Settings. There will have options for layout, information, location, titlebar
      1. Event Layout

        - Event Layout: Select "Default" to use settings in Course Settings area. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“).

        - Custom Sidebar name: Note, you will have to fill in "cs-1" or "cs-2" instead of sidebar name in this field, "cs-1" or "cs-2" stands for "the first custom sidebar" or "the second custom sidebar" you have created in Appearance >>> Widgets. But first you need to install the “Custom Sidebar” plugin from WPMU DEV in order to support you change the custom sidebar name.

      2. Event Information

        - Start Date: Event Start Date & Time

        - End date: Event End Date & Time

        - Event ID: Event ID should be unique. It will be displayed on Teacher details page

        - Front-end settings


        - Product: Select a WooCommerce product to sell this event. It requires WooCommerce plugin to be installed and there are some products to choose. See WooCommerce section to learn more about creating products. It is optional to link a product to an event. If you do not to use WooCommerce, just enter Subscribe URL for visitors to subscribe the events

        - Who are speakers: There are 02 options for you which are inschool teacher and outsourse teacher.

        - Teacher: Choose from teachers. It requires K-Teacher plugin to be installed and there needs to be filled with some members to choose. See K-Teacher Plugin to learn more about managing members

        - Subscribe URL: Link to a subscribe form. Only work if no product is set.

        - Subscribe Button Text: Text that appears on the subscribe button

        - Front-end settings

      3. Event Location

        - Address: Enter Location Address of Event

        - Phone: Enter Contact Number of event

        - Website: Enter Website URL of event

        - Email: Enter Email Contact of event

        - Front-end settings

      4. K-Event Titlebar: You can custom anything related titlebar of event post type.

    2. Single Event settings

    • Step 1: Navigate to Appearance >>> Theme Options >>> Single Event.
    • Step 2: Event slug: The “slug” is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens.

    • Step 3: Set up other information on single course page
      1. Layout: You can choose right sidebar, left sidebar, no sidebar
      2. Custom sidebar: Fill in the name of custome sidebar you have created
      3. Related event: Turn ON to show related events on single event
      4. Related event title: Fill in the name of related event title you want
      5. Number of related events: Fill the number of related events you want to show, fill out -1 if you want to display ALL Event.
      6. Social share: Turn ON to show Facebook, Twitter, Google plus, Linkedin, Tumblr, Email
    • Step 4: Set up titlebar

    3. Create An Event Listing Page

    Event Listing page will be defined by using our K-Event Listing Shortcodes in Visual Composer.

    • Step 1: Go to Page >>> Add new page
    • Step 2: To create A Event Listing, we use K-Event Listing Shortcodes
    • Step 3: Start to set up Event listing
      1. Event Listing Style: Including Calendar 1, Calendar 2, Grid, Classic, Carousel.
      2. Grid Columns: If you select Grid style, there will have options for you to choose the number of columns you want (just for grid style): 2 columns, 3 columns, 4 columns.
      3. Show/Hide Filter: You can Show or Hide filter of event listing. (just for grid style)
      4. Event Per Page: Number of Events are displayed on each page.
      5. Show/Hide Pagination: Show or Hide the pagination of the page.
      6. Enable Animation: Check the box to enable animation
      7. ID: Type the unique ID to identify this shortcode. It is optional.
      8. Class: Add Class to run css/jss. It is optional
    • Step 4: Save changes
    • See other Event pages

    4. Event Listing Settings

    If you want to change event page's setting, you need to navigate to Appearance >> Theme Options >> Event and continue to make changes in there.

      • Step 1: You need to navigate to Appearance >> Theme Options >> Event

      • Step 2: Event category slug: The “slug” is the URL-friendly version of the category name. It is usually all lowercase and contains only letters, numbers, and hyphens.

      • Step 3: Event tag slug: The “slug” is the URL-friendly version of the tag name. It is usually all lowercase and contains only letters, numbers, and hyphens.

      • Step 4: Set up titlebar

      • Step 5: Save changes

    5. Event Details With Pricing

    To sell an Course, WooCommerce plugin must be installed. See WooCommerce section for more information.

    • Step 1: Go to Product >>> Add new
    • Step 2: Enter information for event
      1. SKU: a Stock-keeping unit
      2. Regular price: The price of event
      3. Sale price: The discount price of event
      4. Related courses/events: The event is in the similar category
    • Step 3: Upload featured product image
    • Step 4: Click to PUBLISH
    • Step 5: Come back to "single event" you have created to sell event, after that you scrolling to Event settings >>> Event information to enter necessary information

    K-Teacher Plugin


    If you want to create a single member portfolio, firstly you need to install K-Teacher plugin. The installation file can be found in the /Plugins Files/ folder of the download package. After installed, you will see K-Teacher item in the left menu panel. K-Teacher plugin can be used independently or collaboratively with K-Event plugin and K-Course plugin. It provides Speakers/ Instructors data for Courses and Events.

    1. Add a Teacher/Member

    1. Go to K-Teacher >> Add New Teacher/Member

    2. Enter Member Title (Name), Description and other information.

    3. Upload featured image for teacher/member

    4. Scroll to Teacher settings, you will see options for teacher layout, titlebar, information
      • Teacher Layout

        - Teacher Layout: Select "Default" to use settings in Teacher Settings page. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)

        - Custom Sidebar name: Note, you will have to fill in "cs-1" or "cs-2" instead of sidebar name in this field, "cs-1" or "cs-2" stands for "the first custom sidebar" or "the second custom sidebar" you have created in Appearance >>> Widgets. But first you need to install the “Custom Sidebar” plugin from WPMU DEV in order to support you change the custom sidebar name.

      • Teacher Titlebar: You can customize anything related to titlebar of K-Teacher post type.

        - Show/hide titlebar: You can select show or hide titlebar

        - Teacher Titlebar font size: Fill font size for titlebar title

        - Teacher Titlebar color: Select color or enter color code for titlebar title

        - Padding Top: The length from title text to the top of titlebar.

        - Padding Bottom: The length from title text to the bottom of titlebar.

        - Background Color: Set the background color for the titlebar.

        - Background Image You can set the background image if you don't want to set a normal color.

      • Teacher Information:

        - Position: Position/Title of member. For example Senior speaker

        - Subjects: All the subject that the teacher is taking charge of.

        - Facebook: Enter full link to member Facebook profile page

        - Instagram: Enter full link to member Instagram profile page

        - Email: Enter full link to member Email profile page

        - Twitter: Enter full link to member Twitter profile page

        - LinkedIn: Enter full link to member LinkedIn profile page

        - Tumblr: Enter full link to member Tumblr profile page

        - Google Plus: Enter full link to member Google Plus profile page

      • Excerpt: the brief introduction about Teacher/Member
    5. Click PUBLISH your teacher/member page

    2. Create Teacher Listing Page

    Teacher Listing page will be defined by using our K-Teacher Listing Shortcodes in Visual Composer. Follow the below steps to know more information:

    • Step 1: Go to Pages >>> Add new page

    • Step 2: Click to Backend editor, then click Add elements

    • Step 3: Select K-Teacher Listing shortcode

    • For example: Create Teacher No Filter Listing Page

      • To create an Teacher No Filter Listing Page, we use K-Teacher Listing Shortcodes and choose Classic or Shadow Box options and fill in other related information to complete.
      • In this K Teacher Listing Settings shortcode, all the parameters include:

        • Teacher Listing Style: There are 2 options for you to choose which are Classic and Shadow Box.
        • Teacher Columns: Choose the number of columns you want.
        • Teacher Per Page: Number of Teacher details for each page.
        • Show/Hide Excerpt: Show or Hide the excerpt of the page.
        • Excerpt length: The number of excerpt words are displayed
        • ID: Type the unique ID to identify this shortcode. It is optional.
        • Class: Add Class to run css/jss. It is optional.

        3. Set Up Teacher Listing Page

        If you want to change member page's setting, you need to navigate to Appearance >> Theme Options >> Teacher and continue to make changes in there.

        • Teacher Setting

          - Teacher Slug: Change teacher's slug. Remember to save the permalink settings again in Settings > Permalinks. By default, a member will have URL like this http://yourdomain.com/member/a-single-member-slug. If you enter speaker here, URL of member will be like this http://yourdomain.com/speaker/a-single-member-slug. In addition, the members listing page will be http://yourdomain.com/speaker instead of http://yourdomain.com/member

          - Column: Custom the number of column in the teacher listing page.

          - Excerpt Length: Change the number of content will appear in the teacher listing page

        • Teacher Single:

          - Layout: You can change the layout of teacher single post type with options like Right, Left, No sidebar

          - Single Teacher custom sidebar: You can fill in the custom sidebar name that you created in Apprearance >> Widget to enable the custom sidebar in single teacher post

        • Titlebar:

          You can choose default layout for page titlebar of teacher single post type. This setting can be overridden in each member.

    ASLAN CUSTOM SHORTCODES

    In order to develop the theme with necessary functions and features, our time has been working tirelessly to create some custom shortcodes for suitable need of an event fitness website.

    It is very easy to create your own page.

    1. PORTFOLIO

    Here is the parameters of K2T Shortcode Settings:

    2. TEACHER PROFILE

    Here are the parameters of this shortcode:

    3. TESTIMONIALS

    Here are the parameters of Testimonial shortcode:

    4. EVENT LISTING

    Here are the parameters of this shortcode:

    5. COUNTER

    Here are the parameters of this shortcode:

    6. HEADING

    Here are the parameters of this shortcode:

    7. COUNTDOWN

    Here are the parameters of this shortcode:

    8. BRANDS

    Here are the parameters of this shortcode:

    9. ICON BOX

    Here is the parameters of Icon Box shortcode:

    10. EMPTY SPACE

    11. GOOGLE MAPS

    12. MEMBER GRID LISTING

    Here are the parameters of this shortcode:

    13. SOCIAL

    Here are the parameters of this shortcode:

    14. COURSE LISTING

    Here are the parameters of this shortcode:

    15. MEMBER ITEMS

    Here are the parameters of this shortcode:

    16. BLOG POSTS

    Here are the parameters of this shortcode:

    17. TEACHER LISTING

    Here are the parameters of this shortcode:

    18. PRICING TABLE

    Here are the parameters of this shortcode:

    19. BLOG CATEGORY LISTING

    Here are the parameters of this shortcode:

    CHILD THEME

    Aslan comes with a Child Theme. Simply install Aslan-Child.zip like a regular WordPress theme.

    What is A Child Theme?

    A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

    Why Use A Child Theme?

    There are a few reasons why you would want to use a child theme:

    • A WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures that all your customizations will not be overwritten even when you update the parent theme.
    • If you modify code directly from a parent theme, then update the parent theme, your changes will be lost. Always use a child theme if you are modifying core code.

    FONT ICONS

    Follow these steps to know how to add different icons fonts to Aslan:

    Step 1: Copy the icon fonts following the link: theme root / framework / k2ticon / inc / font. An icons fonts standard includes 4 files: your_font.eot, your_font.svg, your_font.ttf and your_font.woff

    Step 2: Open file as link: root theme / framework / k2ticon / css / style.css to inform font-face and the whole css class for the new font. (Note to change the path to adapt). For example:

    @font-face {

    font-family: " your_font ";

    src: url("../inc/font/ your_font.eot");

    src: url("../inc/font/ your_font.eot#iefix") format("embedded-opentype"),

    url("../inc/font/ your_font.woff") format("woff"),

    url("../inc/font/ your_font.ttf") format("truetype"),

    url("../inc/font/ your_font.svg") format("svg");

    font-weight: normal;

    font-style: normal;

    }

    .icon-1 { content: “” }

    .icon-2 { content: “” }

    ….

    Step 3: Open file as the direction: theme root / framework / k2ticon / inc/ list.php and find line 729 to add new class of the new icon fonts

    ‘your_font ‘ => array(

    ‘icon-1’,

    ‘icon-2,

    ‘icon-3’

    )

    Step 4: Open file as the direction: theme root / framework / k2ticon / js / generator.js and find line 56, duplicate line 56-59 and then paste down

    if ( selectedIcons == ‘your_font-icons-list' ) {

    listIcons.hide();

    jQuery( 'ul. your_font -icon-list' ).show();

    }

    Step 5: Open file as the direction: theme root / framework / k2ticon / k2ticon.php, find line 80 to paste the code down

    Step 6: Done!. See the results!

    Note: You can replace "your_font" by your own name

    FINALLY

    Thank you for reading!

    We hope you can create the best website with Aslan.

    One again, thank you so much for using Aslan. As i said at the beginning, i'd be glad to help you if you have any questions relating to this theme. No guarantees, but i'll do my best to assist. If you have a more general question relating to the themes.

    Do not hesitant to contact us via email: lunartheme@gmail.com or submit ticket via Forum

    Please take a screenshot photo with descriptions about your problem. More details about your problems help us more easier to figure out and respond you sooner.

    *******************Note*********************************************************************************************************

    SCOPE OF SUPPORT

    Our support covers getting setup, trouble using any features and any bug fixes that may arise. Unfortunately we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of your theme, please contact with us with your requirement. Our technical team will help you with some fees.

    SUPPORT SCHEDULE

    Our working time is 8:30am - 5:30pm from Monday to Friday (GMT+7). So if you email us or submit ticket besides this working time, we are really sorry that we are not able to respond you soon. We will try to reply you as fast as we can. Especially if you email or submit ticket at weekend, please be patient and we will respond to you right when we are back on Monday.

    Support forum

    CONTACT

    Facebook

    Twitter

    Google Plus

    Youtube

    Reference WordPress support (installation, development): Learn to HTML, CSS, PHP, Javascript, etc