Danh mục sản phẩm

<div class="col-md-3 p20 co-xs-12">
            <div class="box-left-menu">
            <header class="section-title">
                <p class="h2">{{ linklists[settings.menu-collection].title }}</p>
            </header>
            <ul class="left-menu">
                {% for link in linklists[settings.menu-collection].links %}
                        <li class="collec">
                            <a href="{{ link.url }}">{{ link.title }}</a>
                            <ul class="left-menu-child">
                                {% for childlink in linklists.[link.alias].links %}
                                <li class="collec">
                                    <a href="{{ childlink.url }}">{{ childlink.title }}</a>   
                                </li>
                                {% endfor %}
                            </ul>
                        </li>
                {% endfor %}
            </ul>
        </div>
        </div>

II. Css

.box-left-menu {
    border: 1px solid #ddd;
}.section-title {
    background: #FBFBFB;
    padding: 2px 16px;
}.section-title > p {
    color: #666;
    font-size: 16px;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 18px 0px;
    text-align: center;
}.left-menu, .left-menu ul {
    margin: 0;
    padding: 0;
}.left-menu .collec {
    border-top: 1px solid #ddd;
    position: relative;
}
.left-menu li {
    list-style: none;
}.left-menu .collec a {
    color: #ff4747;
    text-transform: uppercase;
    padding: 12px 17px;
    display: inline-block;
    font-weight: bold;
}ul.left-menu-child {
    position: absolute;
    right: -198px;
    border: 1px solid #ddd;
    border-top: 0;
    top: -1px;
    background: #fff;
    min-width: 186px;
    transition: all 0.4s;
    opacity: 0;
    z-index: -1;
}.left-menu .collec:hover .left-menu-child {
    opacity: 0.8;
    z-index: 1;
}

III . Schema

{
        "name":"Danh mục sản phẩm",
        "settings":[
            {
                "type":"link_list",
                "id":"menu-collection",
                "label":"Chọn danh mục cho dnh mục sản phẩm"
            },
        ]
    },