Slick Menu | Documentation
18754
page-template-default,page,page-id-18754,ajax_updown,page_not_loaded,,qode-theme-ver-10.1,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

Documentation

Preface

Introduction

Thank you for purchasing Slick Menu WordPress plugin.

Slick Menu is an advanced plugin for creating unlimited off-canvas multi push vertical menus.  It will let you customize and style your menus directly within WordPress customizer with live preview.

Each menu level can be customized independently. Many styling options are available. Level width, fonts, icons, colors, backgrounds, overlays, patterns, video backgrounds, lots of animation settings and much more.

Slick Menus are fully responsive responsive and will work on every device.

Back To Top

Licensing

This section will explain all you have to know about licensing for Slick Menu and point you to necessary resources. The most important thing you need to know about licensing of Slick Menu is that we totally rely on licensing and copyrights developed by Envato who has an amazing licensing standards. At the moment Envato, so as XplodedThemes, offers 2 types of licenses.

Regular License

Regular License is the most common type of licensing for Slick Menu. Regular license allows you to use item in one single end product which end user is not charged to access or use. You can acquire regular license for your own website, or if you are a developer – for one client by transferring the license to your client when the project is finished.

In order to read more about Regular license please visit CodeCanyon.

Back To Top

Extended License

Extended License allows use of the item in one single end product, which you or one client may sell to end users (charge end users to access or use the end product), but user do not have access to the source files in any case.

Extended license allows you to integrate Slick Menu into your WordPress theme to sell on ThemeForest.

In order to read more about Extended license please visit CodeCanyon.

Back To Top

Getting Started

Plugin Installation

Slick Menu installation doesn’t differ from any other plugin installation process, so you might be familiar with this process already. If not, please follow instructions below.

  1. Login to your website
  2. Go to Plugins -> Add New
  3. Click Upload Link
  4. Browse to the plugin’s zip file (it is located in the archive you’ve downloaded from CodeCanyon) and choose that file.
  5. Click “Install Now” button
  6. Wait while plugin is uploaded to your server
  7. Click “Activate Plugin” button

Congratulations, you are all set!

To start, visit the Slick Menu section within the dashboard menu.

Back To Top

Plugin Activation

If you have bought Slick Menu directly from XplodedThemes it is necessary to activate your copy in order to have direct access to automated updates and official support page. In order to activate Slick Menu please follow these steps:

  1. Download your Purchase Code from Envato / Downloads SectionPurchase Code
  2. Go to Slick Menu -> About -> License
  3. Enter and validate  your purchase code

Back To Top

Plugin Update

  • Automated updates.
    Slick Menu supports automated updates. Simply validate your Purchase Code within the About section and automated updates will be enabled.
  • Manual Update
    You can also update Slick Menu manually, to perform it please follow these steps:

    • First, login to CodeCanyon and under your profile click Downloads link.
    • Re-download Slick Menu and extract it.
    • Now navigate to the Plugins menu in your WordPress admin area.
    • Remove old copy of Slick Menu.
    • Upload new version of Slick Menu.

Back To Top

Enable Slick Menu

You can enable Slick Menus from 2 places.


  1. From the Appearance -> Menus section
    • Go to Appearance -> Menus
    • Create a new menu or select an existing one
    • Click the enable button within the Slick Menu left box
      enable
    • Click the Menu Settings to start editing Global Menu settings. Global settings will affect the whole menu. Some options will only target the first menu level.
      menu-settings
    • You can edit individual levels by editing the menu item it self. By hovering over a menu item, a Slick Menu button will appear. Simply click the button and the menu item settings panel will open. These settings will only be applied to this menu item level and overrides the global settings
      item-settings
  2. From the Customizer
    You can also do the same steps within WordPress Customizer which also lets you preview your changes while editing your menu.

    • Go to Appearance -> Customize -> Menus -> Select Menu
      OR, if the menu is already enabled as Slick Menu
      Go to Slick Menu -> Hover over the menu -> Click Edit In Customizer
      slickmenus
    • If the menu is not yet enabled as Slick Menu, click the enable button to enable it.
    • Click the Toggle Preview to view your menu within the Customizer Preview
      preview
    • Click the Menu Settings to edit the Global Settings or Hover over the menu items and click on the Slick Menu button to edit an individual menu item.
      menu-settings-customizer

Back To Top

Learn More

Global Settings

Global Settings

Within the settings menu, you can manage global settings such as Mobile Breakpoint, site wrapper backgrounds and the famous hamburger trigger.

Note: The wrapper background is actually the body background which is only visible if you have chosen a 3D menu animation that pushes the content in perspective view. Only in that case, you will be able to see the wrapper behind the site content. You can apply a background colors, images, patterns, overlays and videos.

Note: Default wrapper settings can be overridden within each menu and each menu item. Basically, you have the option to set a new wrapper background / video for each menu level. Whenever a new menu level is opened, the wrapper will transition to the new background / video.

Note: You can create multiple slick menus, however you can only create 2 hamburger triggers (Top Left / Top Right) corners. If you have more than 2 Slick Menus, you can still create custom triggers. More info on that here: Custom Triggers

Back To Top

Menu Settings

Menu settings are mostly global settings for the whole menu in general. Some options are only applied to the first menu level.

Note: Within an opened settings panel, you can switch from section to section without having to save every time. You can save once you finish with your customizations.

[sm_menu_settings_docs type=”menu”]

Back To Top

Menu Item Settings

To modify individual menu item settings, hover over a menu item and click on the slick menu button. Similar options will be available to you and will override the menu global settings

[sm_menu_settings_docs type=”menu-item”]

[sm_menu_settings_docs_assets]

Back To Top

Live Customizer

Would you like to see your menu while customizing with live preview? Edit the menu directly within wordpress customizer. From there you will have the same settings as within the regular menu section.

Customizer

Live Edit

Back To Top

Developers

Javascript API

[sm_remote_content type=”js-api”]

Back To Top

Javascript Events

[sm_remote_content type=”js-events”]

Back To Top

WordPress Hooks

[sm_remote_content type=”wp-hooks”]

Back To Top