• Ask a Question
  • Create a Poll
150
    Ask a Question
    Cancel
    150
    More answer You can create 5 answer(s).
      Ask a Poll
      Cancel

      I want to add custom label names to filter my blog content

      Whenever i create any label my blog theme automatically adds in filter widget so, i want to add custom label names in order to categorize them

      This is the filter code:

        <b:includable id='filter'>       <div class='filtering_labels uk-grid uk-margin-bottom'>         <b:attr name='b:whitespace' value='remove'/>         <b:if cond='data:view.isHomepage'>           <div class='select_label uk-width-expand@m'>             <b:if cond='data:theme.layout.enableFilterOption'>               <script class='js'>                 var filterTags = Object.values({<b:loop index='i' values='data:labels filter (label  =&gt; label.name  not in {&quot;full_title&quot;, &quot;left_side&quot;, &quot;no_side&quot;})' var='label'><data:i/>: encodeURIComponent(&quot;<data:label.name/>&quot;),</b:loop>});               </script>               <ul class='uk-list uk-list-inline uk-visible@l'>                 <li><span class='mark uk-button'><span class='uk-margin-small-left' data-uk-icon='settings'/><span><data:theme.text.filter/></span></span></li>                 <li><a class='uk-button uk-button-default uk-margin-bottom uk-active' data-uk-filter-control='' href='#!'><data:messages.viewAll/></a></li>                 <b:loop index='i' values='data:labels filter (label  =&gt; label.name  not in {&quot;full_title&quot;, &quot;left_side&quot;, &quot;no_side&quot;})' var='label'>                   <li><a class='uk-button uk-button-default uk-margin-bottom' expr:data-uk-filter-control='&quot;.filter_&quot; + data:i' href='#!'><data:label.name/></a></li>                 </b:loop>               </ul>               <div class='uk-grid-small uk-hidden@l' data-uk-grid=''>                 <div class='uk-width-auto'><span class='uk-margin-small-left' data-uk-icon='settings'/></div>                 <div class='uk-width-auto@m uk-width-expand'>                   <select class='uk-select'>                     <option data-uk-filter-control='' value=''><data:messages.viewAll/></option>                     <b:loop index='i' values='data:labels filter (label  =&gt; label.name  not in {&quot;full_title&quot;, &quot;left_side&quot;, &quot;no_side&quot;})' var='label'>                       <option expr:data-uk-filter-control='&quot;.filter_&quot; + data:i' expr:value='&quot;.filter_&quot; + data:i'><data:label.name/></option>                     </b:loop>                   </select>                 </div>               </div>             </b:if>           </div>         </b:if> 

      What i tried:

      1. Changing variables
      2. Created copy of it and modified
      3. Used online solution

      None of those are worked. Thanks in advance

      Asked by Kennithkareemtia on July 16, 2020 in CSS.
      0 Answers