Support for nested categories

[pkarw]

How do we support nested categories in navigation? Right now it's not supported (/src/themes/default/components/core/blocks/SidebarMenu/SidebarMenu.vue:16 need to be changed) - the categories object already consist of hierarchical data:

{  
  "_index":"vue_storefront_catalog",
  "_type":"category",
  "_id":"29",
  "_version":1,
  "_score":1,
  "_source":{  
    "id":29,
    "parent_id":2,
    "name":"Promotions",
    "is_active":false,
    "position":6,
    "level":2,
    "product_count":0,
    "children_data":[  
      {  
        "id":30,
        "parent_id":29,
        "name":"Women Sale",
        "is_active":true,
        "position":1,
        "level":3,
        "product_count":224,
        "children_data":[  

        ]
      },
      {  
        "id":31,
        "parent_id":29,
        "name":"Men Sale",
        "is_active":true,
        "position":2,
        "level":3,
        "product_count":39,
        "children_data":[  

        ]
      },
      {  
        "id":32,
        "parent_id":29,
        "name":"Pants",
        "is_active":true,
        "position":3,
        "level":3,
        "product_count":247,
        "children_data":[  

        ]
      },
      {  
        "id":33,
        "parent_id":29,
        "name":"Tees",
        "is_active":true,
        "position":4,
        "level":3,
        "product_count":192,
        "children_data":[  

        ]
      }
    ],
    "tsk":1505573191094
  }
}

[pkarw]

@filrak it seems it need to be styled on the frontend - could you do that? And then we need to change /vue-storefront/src/store/modules/catalog.js:61 (loadCategories method) to:

 return new Promise((resolve, reject) => {
      client.search({
        index: config.elasticsearch.index, // TODO: add grouped prodduct and bundled product support
        type: 'category',
        q: qr,
        '_sourceInclude': ['name', 'position', 'id', 'parent_id', **'children_data'**]

      }).then(function (resp) {
        commit(types.CATALOG_UPD_CATEGORIES, resp)
        resolve(resp)
      }).catch(function (err) {
        reject(err)
      })
    })

and

    let qr = 'level: 2'

[pkarw]

• add is_active = true to filter @pkarw

[filrak]

@pkarw of course i will ;) As far as i remember Karol said that current graphics are as simple as possible. That's the reason why there are no nested categories yet but they should be implemented later and according to what you wrote

[pkarw]

So right now we should display only the 1. level and thats all? @filrak @karolbzik

[filrak]

@pkarw according to design and what @karolbzik said - yup

[pkarw]

Added to the sidebar but with some minor issue to be fixed (#42). @filrak @karolbzik we need some design idea for this - how to present the subs?

Right now it's quite awkward

:

[karolbzik]

#54

[karolbzik]

[pkarw]

Related to: #391

[pkarw]

@filrak you should take care of this one as it's kind of core change to the navigation

[pkarw]

Marvelous job @mercs600!