feat(API-1954): add channels feature to guided tutorials (#707)

Co-authored-by: Samuel Gomis <[email protected]>

Author: samokiss

content/tutorials/guides/how-to-retrieve-pim-structure.md

@@ -23,7 +23,7 @@ Retrieve the PIM structure through a channel resource. This is usually the requi
         <td>PIM Features:</td>
         <td>
             <div class="tag-not-selectable">
-                <div class="tag-color tag-color-red"></div>
+                <div class="tag-color tag-color-coral"></div>
                 <div class="tag-label">Channel</div>
             </div>
         </td>

styles/guided-tutorial.less

@@ -266,6 +266,11 @@
         border-color: #4CA8E0;
     }
 
+    .tag-color-blue {
+        background-color: #8092D2;
+        border-color: #8092D2;
+    }
+
     .tag-color-red {
         background-color: #F74B64;
         border-color: #F74B64;

tasks/build-doc.js

@@ -853,7 +853,8 @@ gulp.task('build-tutorials-homepage', ['clean-dist','less'], function () {
         {'color': 'light-green', 'feature': 'Variant Products'},
         {'color': 'pink', 'feature': 'Families'},
         {'color': 'orange', 'feature': 'Attributes'},
-        {'color': 'coral', 'feature': 'Categories'},
+        {'color': 'blue', 'feature': 'Categories'},
+        {'color': 'coral', 'feature': 'Channel'},
     ]
 
     const tutorials = [
@@ -866,7 +867,7 @@ gulp.task('build-tutorials-homepage', ['clean-dist','less'], function () {
         {
             'title': 'How to retrieve PIM structure',
             'link': '/tutorials/how-to-retrieve-pim-structure.html',
-            'features': [],
+            'features': [features[6]],
             'use_cases': useCases
         },
         {