Close

Themehits

Download Incoded JSON Menu Component Nulled

 



Description

Incoded JSON MENU is not just HTML / CSS web page element. The major idea is to store menu items in database. Then, using API, AJAX and
Javascript component, menu will be generated on frontend. With simple implementation, responsive and pretty themes, font awesome icons and
options it contains, JSON MENU is a component useful for all kinds of web sites and applications. It could be integrated to a simple website
as easy as to a complete solution like WordPress or Android application.

Simple Demo

Incoded JSON MENU Component will convert JSON like this one:

into the menu like this:

Here’s flowchart that describes in details how the component works:

Features

  • Bootstrap supported
  • Font Awesome icons supported
  • 8 different themes
  • 8 different fonts
  • Responsive
  • Multiple menu instances on a single page
  • Submenus
  • AJAX request to backend to get menu structure in JSON
  • Verical and horisontal menu
  • Justified and non-justified menu items

Requirements

  • jQuery

Additionaly, you may include Bootstrap to integrate JSON Menu into its structure.

Or you may include Font Awesome icons, for instance, to use it in menu items.

Quick Setup

CSS

Include these css files in the <head> of your page:

<link rel="stylesheet" href="css/incoded-menu.min.css">

JavaScript

Include these javascript files in the bottom of the < body > of your page:

<script src="js/jquery.min.js"></script>
<script src="js/incoded-menu.min.js"></script>

Menu Holder

Add a placeholder for your menu with unique ID:

<div id="menu">

</div>

Menu JSON

Open “api/menu.json” and modify it according to your needs and menu you like to show:

[
    { "id": 1, "order": 0, "name": "Home", "url": "/index.html" },
    { "id": 2, "order": 1, "name": "About", "url": "/about.html" },
    { "id": 3, "order": 2, "name": "Themes" },
    { "id": 4, "order": 3, "name": "Contact", "url": "/contact.html" },
    { "id": 5, "order": 0, "name": "Jeans", "parent_id": 3, "url": "/themes/jeans.html" },
    { "id": 6, "order": 1, "name": "Pink", "parent_id": 3, "url": "/themes/pink.html" }
]

Menu Instance

Add the following code at the very bottom of the < body > of your page:

<script type="text/javascript">
$(function(){
    new IncodedMenu('#menu');
});
</script>

Full Documentation

Themes

To see all themes, click here

Changelog

v2.0.0 November 15, 2015

  • Added new themes
  • Added fonts as options
  • Make the component lighter by removing dependencies
  • Updated product structure

v1.1.1 March 28, 2015

  • Removed jQuery UI from dependencies
  • Code optimization of major javascript

v1.1.0 January 17, 2015

  • Added support for vertical menu

v1.0.0 January 15, 2015

Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Incoded JSON Menu Component from the The Developer ( incoded ) website. Thank you.
Download = Incoded JSON Menu Component-[Updated].zip



Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.