【Shopify】侧边栏一级目录标题点击直接进入分类

功能介绍：手机端侧边栏导航，含有二级目录的一级标题点击左侧标题处可直接进入对应collection页面，点击右侧+处，可打开二级目录。

• 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开sidebar-menu.liquid -- 将目标代码全选替换掉文件中原有代码即可。

目标代码：

{%- assign main_menu_handle = section.settings.primary_menu | default: 'main-menu' -%}
{%- assign main_menu = linklists[main_menu_handle] -%}


    

      
        {%- include 'icon' with 'close' -%}
      
    

    

      

        

          

            {%- for link in main_menu.links -%}
              

                {%- if link.links != blank -%}
                  
                    {%- if link.title contains '_red' -%}
                        {{- link.title | escape | replace: "_red", "" -}}
                    {%- else -%}
                        {{- link.title | escape | replace: "_red", "" -}}
                    {%- endif -%}
                  
                  
                    
                  
                  

                    

                      {%- for sub_link in link.links -%}
                        

                          {%- if sub_link.links != blank -%}
                            
                              {{- sub_link.title | escape | replace: "_red", "" -}} 
                            

                            

                              

                                

                                  {%- for sub_sub_link in sub_link.links -%}
                                    

                                      {{ sub_sub_link.title | escape | replace: "_red", "" }}
                                    
                                  {%- endfor -%}
                                
                              
                            
                          {%- else -%}
                            
                              {%- if sub_link.title contains '_red' -%}
                                {{ sub_link.title | escape | replace: "_red", ""}}
                               {%- else -%}
                                  {{ sub_link.title | escape | replace: "_red", ""}}
                              {%- endif -%}
                          
                          {%- endif -%}
                        
                      {%- endfor -%}
                    
                  
                {%- else -%}
                  
                    {%- if link.title contains '_red' -%}
                        {{- link.title | escape | replace: "_red", "" -}}
                    {%- else -%}
                        {{- link.title | escape | replace: "_red", "" -}}
                    {%- endif -%}
                
                {%- endif -%}
              
            {%- endfor -%}
          
          
          
 
          
          {%- assign secondary_menu = linklists[section.settings.secondary_menu] -%}

          

            

              {%- for link in secondary_menu.links -%}
                

                  {{ link.title | escape | replace: "_red", "" }}
                
              {%- endfor -%}

              {%- comment -%}We automatically add some links to the secondary menu{%- endcomment -%}

              {%- if shop.customer_accounts_enabled -%}
                

                  {{ 'header.navigation.account' | t }}
                
              {%- endif -%}
            
          
        
      

      {%- if section.settings.show_social_media -%}
        {%- capture social_media -%}
          {% include 'social-media', class: 'SidebarMenu__Social', spacing: 'fill' %}
        {%- endcapture -%}
      {%- endif -%}

      {%- if settings.currency_conversion_enabled or shop.enabled_currencies.size > 1 or social_media != blank -%}
        

          {%- if settings.currency_conversion_enabled or shop.enabled_currencies.size > 1 -%}
            

              

                
                  {%- if shop.enabled_currencies.size > 1 -%}
                    {%- for currency in shop.enabled_currencies -%}
                      {{ currency.iso_code }}
                    {%- endfor -%}
                  {%- else -%}
                    {%- capture codes -%}USD,EUR,GBP,CAD,ARS,AUD,BBD,BDT,BSD,BHD,BRL,BOB,BND,BGN,BWP,MMK,KYD,CLP,CNY,COP,CRC,HRK,CZK,DKK,DOP,XCD,EGP,XPF,FJD,GHS,GTQ,GYD,GEL,HKD,HUF,ILS,ISK,INR,IDR,NIS,JMD,JPY,JOD,KZT,KES,KWD,LVL,LTL,MXN,MYR,MUR,MDL,MAD,MNT,MZN,ANG,NZD,NGN,NOK,OMR,PKR,PYG,PEN,PHP,PLN,QAR,RON,RUB,SAR,RSD,SCR,SGD,SYP,ZAR,KRW,LKR,SEK,CHF,TWD,THB,TZS,TTD,TRY,UAH,AED,UYU,VEB,VND,ZMK{%- endcapture -%}
                    {%- assign supported_codes = settings.currency_conversion_supported_currencies | remove_first: shop.currency | upcase | split: ' ' | uniq -%}

                    {{ shop.currency }}

                    {%- for code in supported_codes -%}
                      {%- if codes contains code -%}
                        {{ code }}
                      {%- endif -%}
                    {%- endfor -%}
                  {%- endif -%}
                

                {%- include 'icon' with 'select-arrow' -%}
              
            
          {%- endif -%}

          {%- if social_media != blank -%}
            {{ social_media }}
          {%- endif -%}
        
      {%- endif -%}
    


{% schema %}
{
  "name": "Sidebar menu",
  "settings": [
    {
      "type": "link_list",
      "id": "primary_menu",
      "label": "Primary menu",
      "default": "main-menu"
    },
    {
      "type": "link_list",
      "id": "secondary_menu",
      "label": "Secondary menu",
      "info": "This menu won't show dropdown items."
    },
    {
      "type": "checkbox",
      "id": "show_social_media",
      "label": "Show social media",
      "default": true
    }
  ]
}
{% endschema %}

操作中遇到困难请联系技术部同事。
有任何意见建议请联系技术部同事。