Create 2 different menus (linklists) for mobile and desktop Minimal Theme

Christian_Doux
New Member
9 0 0

Hi everyone,

I'm finishing my antique rugs website, and as customers in antiques need very simple designs (they often get lost, most of them don't completely understand how their mobile works etc), I'd like to simplify my mobile menu.

I have some sub-collections in my header menu, and I'd like to be able to hide them on mobile, or to find the place where I have to past an anchor "main-menu-mobile" to replace the "main-menu"

Thanks a lot in advance

0 Likes
Nick
Community Moderator
Community Moderator
3773 356 741

Hi Christian, 

Nick here from Shopify. 

Really great question and it's very good that you are thinking of your target audience like that for their mobile experience. I like the way you are thinking. 

I looked into this for you and spoke to our theme support team directly about it. They said it is something which would be quite customized and not easily done with the free hour of design time or explained within a forum post reply here. It is for sure doable but would require work from a Shopify Expert or developer in this case. I wish there was something more direct I could help you with as I love your reasoning behind making the changes. 

Hopefully, this helps and gives you some direction for best next steps to take. Don't hesitate to ask any other questions should you have any. 

All the best, Nick

Nick | Community Moderator @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Ninthony
Shopify Partner
1966 296 780

I don't know how much code you've edited, but I think I can help. You should have a Snippet file called mobile-nav.liquid

Open that file and on line three or somewhere around there you should see this:

 {% for link in mobile-nav.links %}

change that to this:

 {% for link in linklists.main-menu-mobile.links %}

Assuming that's the name of the navigation menu you want to swap out.

On my developer store, this works. Please let me know if this helps you or if you have another question.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Christian_Doux
New Member
9 0 0

Thanks Ninthony, it was so simple !

Can I ask you one other thing ?

To perfect my mobile navigation, I enabled filtering by product tags, but I'd like to remove 4 tags from every collection ("rug", "textile", "pillow" and "ethnic object", because they already give their name to a collection, so we don't need to have "rug" in the "browse by tags" of the "Rugs" collection for example).

It is not very important, but as the list can be very long, I don't want to clutter it up with unuseful tags.

Thanks in advance

Christian

 

0 Likes
Ninthony
Shopify Partner
1966 296 780

Hmm, without seeing your code and how the filtering works I'm not sure how to recommend changing that. I'm glad that solution worked for you though. Lol, I guess the theme support team didn't want to take the 10 minutes to look into that simple problem, as you can tell it was, "not easily done with the free hour of design time or explained within a forum post reply here". Have a good one.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Christian_Doux
New Member
9 0 0

Here is what I found in my collection template :

  <header class="section-header section-header--large">
    <h1 class="section-header__title{% if section.settings.tags_enable or section.settings.sort_enable %} section-header__title--left{% endif %}">{{ collection.title }}</h1>
    {% if section.settings.tags_enable or section.settings.sort_enable %}
    <div class="section-header__link--right">
      {% if section.settings.tags_enable %}
        {% include 'collection-tags' %}
      {% endif %}
      {% if section.settings.sort_enable %}
        {% include 'collection-sorting' %}
      {% endif %}
    </div>
    {% endif %}
  </header>

 

0 Likes
Ninthony
Shopify Partner
1966 296 780

I cant really know what that code does unless I was able to look at some of your other code. When you see something in an if statement that says {% if section.settings.anything_else%} that is referencing something that is in your settings_data.json file, so I would have to know what is going on in there, and also there are two other snippets that are being included: 'collection-tags' and 'collection-sorting', which I would probably have to look at as well. THIS question might be a little outside of answering in a forum post, it would be easier if I could see everything on your side, and even still Im not sure if I could.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Christian_Doux
New Member
9 0 0

Hi Ninthony,

Here is the json :

{
  "current": {
    "enable_wide_layout": false,
    "color_topbar_bg": "#000000",
    "color_body_bg": "#ffffff",
    "color_footer_bg": "#ffffff",
    "color_borders": "#b1b1b1",
    "color_primary": "#4859a6",
    "color_button_primary_text": "#ffffff",
    "color_topbar_text": "#ffffff",
    "color_header_text": "#000000",
    "color_body_text": "#000000",
    "color_footer_text": "#000000",
    "color_footer_social_link": "#4859a6",
    "type_base_family": "pt_serif_n4",
    "type_base_size": "17px",
    "type_header_family": "source_sans_pro_n7",
    "type_header_size": "32px",
    "type_accent_family": "source_sans_pro_n7",
    "type_accent_size": "16px",
    "type_accent_transform": false,
    "type_accent_spacing": false,
    "favicon": "shopify:\/\/shop_images\/apple-icon-72x72.png",
    "share_image": "",
    "social_twitter_link": "",
    "social_facebook_link": "https:\/\/www.facebook.com\/christiandouxantiquerugs\/",
    "social_pinterest_link": "https:\/\/www.pinterest.fr\/christiandouxantiquerugs\/",
    "social_google_plus_link": "https:\/\/plus.google.com\/104478258020669820169",
    "social_instagram_link": "https:\/\/www.instagram.com\/antiquevintagerugs\/",
    "social_snapchat_link": "",
    "social_tumblr_link": "https:\/\/antiquevintagerugs.tumblr.com\/",
    "social_youtube_link": "",
    "social_vimeo_link": "",
    "social_fancy_link": "",
    "social_rss_link": "",
    "share_facebook": true,
    "share_twitter": false,
    "share_pinterest": true,
    "social_sharing_style": "normal",
    "checkout_header_image": "",
    "checkout_logo_image": "shopify:\/\/shop_images\/GJ_ddf3bb3a-de29-4b0b-bae3-cfae75a65ad5.png",
    "checkout_logo_position": "center",
    "checkout_logo_size": "large",
    "checkout_body_background_image": "",
    "checkout_body_background_color": "#fff",
    "checkout_input_background_color_mode": "white",
    "checkout_sidebar_background_image": "",
    "checkout_sidebar_background_color": "#fafafa",
    "checkout_heading_font": "Helvetica Neue",
    "checkout_body_font": "Helvetica Neue",
    "checkout_accent_color": "#767676",
    "checkout_button_color": "#4859a6",
    "checkout_error_color": "#e42c00",
    "collections_center_grid_link": false,
    "sections": {
      "header": {
        "type": "header",
        "settings": {
          "header_search_enable": true,
          "logo": "shopify:\/\/shop_images\/Untitled_2.png",
          "logo_max_width": "300",
          "nav_menu": "main-menu",
          "nav_below_logo": true,
          "left_aligned_logo": false,
          "show_header_lines": true,
          "show_announcement": true,
          "header_text": "FREE WORLDWIDE SHIPPING",
          "announcement_link": ""
        }
      },
      "footer": {
        "type": "footer",
        "blocks": {
          "footer-1": {
            "type": "menu",
            "settings": {
              "menu_title": "About Me",
              "menu": "footer"
            }
          },
          "1538234280499": {
            "type": "newsletter",
            "settings": {
              "subtext": "<p>You will receive 1 message from Christian every week with :<br>new <em><strong>rugs and textiles<\/strong><\/em> in preview, free <strong><em>eBooks<\/em>, <\/strong>invitations to <em><strong>exhibitions <\/strong><\/em>all over the world.<\/p>"
            }
          }
        },
        "block_order": [
          "footer-1",
          "1538234280499"
        ],
        "settings": {
          "show_methods_of_payment": true
        }
      },
      "slider": {
        "type": "slider",
        "blocks": {
          "slider-2": {
            "type": "image",
            "settings": {
              "image": "shopify:\/\/shop_images\/IMG_3197_cade8ac5-33c7-4358-bc1c-c2cae3e505de.JPG",
              "link": "shopify:\/\/collections\/all"
            }
          }
        },
        "block_order": [
          "slider-2"
        ],
        "settings": {
          "slider_home_auto": false,
          "slider_home_show_dots": false,
          "slider_home_rate": "3000",
          "slider_home_transition": "fade"
        }
      },
      "product-template": {
        "type": "product-template",
        "settings": {
          "product_vendor_enable": false,
          "product_quantity_enable": false,
          "product_image_zoom_type": "lightbox",
          "product_thumbnails_position": "below",
          "show_extra_tab": false,
          "extra_tab_content": "",
          "social_sharing": true,
          "product_related_enable": true,
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "center_grid_link": false,
          "enable_payment_button": false,
          "add_to_cart_width": "large"
        }
      },
      "article-template": {
        "type": "article-template",
        "settings": {
          "article_author_enable": false,
          "social_sharing": false
        }
      },
      "collection-template": {
        "type": "collection-template",
        "settings": {
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "sort_enable": true,
          "tags_enable": true,
          "center_grid_link": true
        }
      },
      "1532547153541": {
        "type": "feature-row",
        "disabled": true,
        "settings": {
          "image": "",
          "layout": "left",
          "title": "My story",
          "text": "<p>Antique rug and textile seller, present at the flea market of Paris since 1989.<\/p>",
          "button_label": "Learn more about Christian",
          "button_link": ""
        }
      },
      "password-header": {
        "type": "password-header",
        "settings": {
          "logo": "",
          "logo_max_width": "200"
        }
      },
      "password-content": {
        "type": "password-content",
        "settings": {
          "title": "Opening Soon",
          "newsletter_enable": true,
          "newsletter_form_heading": "Be the first to know when we launch.",
          "newsletter_form_subheading": "<p>Promotions, new products and sales. Directly to your inbox.<\/p>",
          "newsletter_placeholder": "Email address",
          "newsletter_button_text": "Notify me",
          "show_share_buttons": true,
          "social_message": "Spread the word"
        }
      },
      "1532981968448": {
        "type": "feature-row",
        "disabled": true,
        "settings": {
          "image": "",
          "layout": "right",
          "title": "My store",
          "text": "<p>136 avenue Michelet<br>Saint-Ouen<br>France<\/p>\n<p>Saturday, 10am - 6pm<br>Sunday, 10am - 6pm<br>Monday, 10am - 4pm<\/p>",
          "button_label": "See all my objects",
          "button_link": "shopify:\/\/collections\/all"
        }
      },
      "cart-template": {
        "type": "cart-template",
        "settings": {
          "cart_notes_enable": true
        }
      },
      "1534610340240": {
        "type": "featured-collection",
        "settings": {
          "title": "Rugs",
          "featured_collection": "rugs",
          "num_per_row": 4,
          "num_rows": 1,
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "center_grid_link": true,
          "show_view_all_button": true
        }
      },
      "1534611194110": {
        "type": "featured-collection",
        "settings": {
          "title": "Textiles",
          "featured_collection": "textiles",
          "num_per_row": 4,
          "num_rows": 1,
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "center_grid_link": true,
          "show_view_all_button": true
        }
      },
      "1534611302783": {
        "type": "featured-collection",
        "settings": {
          "title": "Pillows",
          "featured_collection": "pillows",
          "num_per_row": 4,
          "num_rows": 1,
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "center_grid_link": true,
          "show_view_all_button": true
        }
      },
      "1534611422013": {
        "type": "featured-collection",
        "settings": {
          "title": "Ethnic objects",
          "featured_collection": "ethnic-objects",
          "num_per_row": 4,
          "num_rows": 1,
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "center_grid_link": true,
          "show_view_all_button": true
        }
      },
      "1535296985435": {
        "type": "custom-html",
        "disabled": true,
        "settings": {
          "custom_html": "<div class=\"section-header section-header--medium\"><h2 class=\"section-header__title\">Follow me on Instagram<\/h2><\/div>\n<script src=\"https:\/\/snapwidget.com\/js\/snapwidget.js\"><\/script>\n<iframe src=\"https:\/\/snapwidget.com\/embed\/620163\" class=\"snapwidget-widget\" allowtransparency=\"true\" scrolling=\"no\" style=\"border:none; width:100%; \" frameborder=\"0\"><\/iframe>"
        }
      },
      "product-less-390-template": {
        "type": "product-less-390-template",
        "settings": {
          "product_vendor_enable": false,
          "product_quantity_enable": false,
          "product_image_zoom_type": "lightbox",
          "product_thumbnails_position": "below",
          "show_extra_tab": false,
          "extra_tab_content": "",
          "social_sharing": true,
          "product_related_enable": true,
          "vendor_enable": false,
          "show_sale_circle": false,
          "show_sold_out_circle": false,
          "center_grid_link": false,
          "enable_payment_button": false,
          "add_to_cart_width": "large"
        }
      },
      "1541595541676": {
        "type": "custom-html",
        "settings": {
          "custom_html": "<div class=\"section-header section-header--medium\"><h2 class=\"section-header__title\">Visit my <span style=\"color:#e53238\">e<\/span><span style=\"color:#0064d3\">B<\/span><span style=\"color:#f4ae01\">a<\/span><span style=\"color:#88b719\">y<\/span> shop<\/h2><\/div><div><center><img src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0014\/3448\/4810\/files\/Capture.PNG?10519083885125160729\" alt=\"christian-doux-ebay\"><\/center><\/div><br><div><center>\n<a href=\"\/pages\/ebay\" class=\"btn\">\nGo to eBay<\/a>\n<\/center><\/div>"
        }
      }
    },
    "content_for_index": [
      "slider",
      "1534610340240",
      "1534611194110",
      "1541595541676",
      "1532981968448",
      "1534611302783",
      "1535296985435",
      "1532547153541",
      "1534611422013"
    ]
  },
  "presets": {
    "Fashion": {
      "enable_wide_layout": true,
      "color_body_bg": "#ffffff",
      "color_footer_bg": "#ffffff",
      "color_borders": "#dddddd",
      "color_topbar_bg": "#403b37",
      "color_topbar_text": "#ffffff",
      "color_primary": "#f25c54",
      "color_button_primary_text": "#ffffff",
      "color_header_text": "#403b37",
      "color_body_text": "#403b37",
      "color_footer_text": "#403b37",
      "color_footer_social_link": "#403b37",
      "type_base_family": "pt_sans_n4",
      "type_base_size": "16px",
      "type_header_family": "optima_nova_n7",
      "type_header_size": "32px",
      "type_accent_family": "optima_nova_n4",
      "type_accent_size": "16px",
      "type_accent_transform": true,
      "type_accent_spacing": true,
      "favicon_enable": false,
      "social_sharing_style": "normal",
      "share_facebook": true,
      "share_twitter": true,
      "share_pinterest": true,
      "checkout_heading_font": "Helvetica Neue",
      "checkout_body_font": "Helvetica Neue",
      "checkout_accent_color": "#e42c00",
      "checkout_button_color": "#e42c00",
      "checkout_error_color": "#e42c00",
      "sections": {
        "header": {
          "type": "header",
          "settings": {
            "header_search_enable": true,
            "logo_max_width": "450",
            "nav_below_logo": false,
            "left_aligned_logo": true,
            "show_header_lines": true
          }
        },
        "footer": {
          "type": "footer",
          "blocks": {
            "footer-0": {
              "type": "menu",
              "settings": {
                "menu_title": "Links",
                "menu": "footer"
              }
            },
            "footer-1": {
              "type": "blog",
              "settings": {
                "blog": "news"
              }
            },
            "footer-2": {
              "type": "social",
              "settings": {
              }
            },
            "footer-3": {
              "type": "newsletter",
              "settings": {
              }
            }
          },
          "block_order": [
            "footer-0",
            "footer-1",
            "footer-2",
            "footer-3"
          ],
          "settings": {
            "show_methods_of_payment": true
          }
        },
        "slider": {
          "type": "slider",
          "blocks": {
            "slider-0": {
              "type": "image",
              "settings": {
              }
            },
            "slider-1": {
              "type": "image",
              "settings": {
              }
            }
          },
          "block_order": [
            "slider-0",
            "slider-1"
          ],
          "settings": {
            "slider_home_auto": true,
            "slider_home_show_dots": true,
            "slider_home_rate": "7000",
            "slider_home_transition": "fade"
          }
        },
        "featured-collection": {
          "type": "featured-collection",
          "settings": {
            "featured_collection": "frontpage",
            "num_per_row": 4,
            "num_rows": 1
          }
        },
        "collection-list": {
          "type": "collection-list",
          "settings": {
          }
        },
        "feature-row-0": {
          "type": "feature-row",
          "settings": {
            "layout": "right"
          }
        },
        "feature-row-1": {
          "type": "feature-row",
          "settings": {
            "layout": "left"
          }
        },
        "map": {
          "type": "map",
          "settings": {
          }
        },
        "product-template": {
          "type": "product-template",
          "settings": {
            "product_vendor_enable": true,
            "product_quantity_enable": true,
            "product_image_zoom_type": "zoom-in",
            "product_thumbnails_position": "below",
            "social_sharing": true,
            "product_related_enable": true,
            "vendor_enable": true,
            "show_sale_circle": true,
            "show_sold_out_circle": true
          }
        },
        "collection-template": {
          "type": "collection-template",
          "settings": {
            "vendor_enable": true,
            "show_sale_circle": true,
            "show_sold_out_circle": true,
            "sort_enable": true,
            "tags_enable": true,
            "center_grid_link": false
          }
        }
      },
      "content_for_index": [
        "slider",
        "featured-collection",
        "feature-row-0",
        "feature-row-1",
        "map"
      ]
    },
    "Vintage": {
      "color_topbar_bg": "#1b1e2f",
      "color_body_bg": "#faf9f7",
      "color_footer_bg": "#1b1e2f",
      "color_borders": "#faf9f7",
      "color_primary": "#d77e6a",
      "color_button_primary_text": "#ffffff",
      "color_topbar_text": "#ffffff",
      "color_header_text": "#1b1e2f",
      "color_body_text": "#1b1e2f",
      "color_footer_text": "#f2f0ee",
      "color_footer_social_link": "#f2f0ee",
      "type_base_family": "helvetica_n4",
      "type_base_size": "16px",
      "type_header_family": "crimson_text_n7",
      "type_header_size": "30px",
      "type_accent_family": "pt_sans_n7",
      "type_accent_size": "14px",
      "type_accent_transform": true,
      "type_accent_spacing": true,
      "share_facebook": true,
      "share_twitter": true,
      "share_pinterest": true,
      "social_sharing_style": "normal",
      "checkout_header_image": "",
      "checkout_logo_image": "",
      "checkout_logo_position": "left",
      "checkout_logo_size": "medium",
      "checkout_body_background_image": "",
      "checkout_body_background_color": "#fff",
      "checkout_input_background_color_mode": "white",
      "checkout_sidebar_background_image": "",
      "checkout_sidebar_background_color": "#fafafa",
      "checkout_heading_font": "Arvo",
      "checkout_body_font": "Helvetica Neue",
      "checkout_accent_color": "#0081a3",
      "checkout_button_color": "#0081a3",
      "checkout_error_color": "#e42c00",
      "collections_center_grid_link": false,
      "sections": {
        "header": {
          "type": "header",
          "settings": {
            "header_search_enable": true,
            "logo_max_width": "90",
            "nav_below_logo": false,
            "left_aligned_logo": true,
            "show_header_lines": true
          }
        },
        "footer": {
          "type": "footer",
          "blocks": {
            "footer-0": {
              "type": "blog",
              "settings": {
                "blog": "news"
              }
            },
            "footer-1": {
              "type": "menu",
              "settings": {
                "menu": "footer"
              }
            },
            "footer-2": {
              "type": "social",
              "settings": {
              }
            },
            "footer-3": {
              "type": "newsletter",
              "settings": {
              }
            }
          },
          "block_order": [
            "footer-0",
            "footer-1",
            "footer-2",
            "footer-3"
          ],
          "settings": {
            "show_methods_of_payment": true
          }
        },
        "slider": {
          "type": "slider",
          "blocks": {
            "slider-0": {
              "type": "image",
              "settings": {
              }
            },
            "slider-1": {
              "type": "image",
              "settings": {
              }
            },
            "slider-2": {
              "type": "image",
              "settings": {
              }
            }
          },
          "block_order": [
            "slider-0",
            "slider-1",
            "slider-2"
          ],
          "settings": {
            "slider_home_auto": true,
            "slider_home_show_dots": true,
            "slider_home_rate": "7000",
            "slider_home_transition": "fade"
          }
        },
        "featured-collection": {
          "type": "featured-collection",
          "settings": {
            "title": "Popular this week",
            "featured_collection": "frontpage",
            "num_per_row": 4,
            "num_rows": 2,
            "vendor_enable": false,
            "show_sale_circle": true,
            "show_sold_out_circle": true,
            "center_grid_link": false
          }
        },
        "collection-list": {
          "type": "collection-list",
          "settings": {
          }
        },
        "product-template": {
          "type": "product-template",
          "settings": {
            "product_vendor_enable": true,
            "product_quantity_enable": false,
            "product_image_zoom_type": "lightbox",
            "product_thumbnails_position": "right",
            "show_extra_tab": false,
            "extra_tab_content": "",
            "social_sharing": false,
            "product_related_enable": true,
            "vendor_enable": false,
            "show_sale_circle": false,
            "show_sold_out_circle": false,
            "center_grid_link": false
          }
        },
        "collection-template": {
          "type": "collection-template",
          "settings": {
            "vendor_enable": true,
            "show_sale_circle": true,
            "show_sold_out_circle": true,
            "sort_enable": true,
            "tags_enable": true,
            "center_grid_link": false
          }
        },
        "article-template": {
          "type": "article-template",
          "settings": {
            "article_author_enable": false,
            "social_sharing": false
          }
        },
        "featured-product": {
          "type": "featured-product",
          "settings": {
            "product_vendor_enable": false,
            "product_quantity_enable": false,
            "product_image_zoom_type": "lightbox",
            "social_sharing": false
          }
        },
        "featured-blog": {
          "type": "featured-blog",
          "settings": {
            "title": "News",
            "blog": "news",
            "post_limit": 2,
            "blog_show_date": true,
            "blog_show_author": false,
            "blog_show_image": false,
            "blog_show_excerpt": true,
            "show_view_all": false
          }
        }
      },
      "content_for_index": [
        "slider",
        "featured-blog",
        "featured-collection",
        "featured-product"
      ]
    },
    "Modern": {
      "enable_wide_layout": false,
      "color_topbar_bg": "#cbd5cc",
      "color_body_bg": "#ffffff",
      "color_footer_bg": "rgba(0,0,0,0)",
      "color_borders": "#ebebeb",
      "color_primary": "#59756f",
      "color_button_primary_text": "#ffffff",
      "color_topbar_text": "#000000",
      "color_header_text": "#000000",
      "color_body_text": "#000000",
      "color_footer_text": "#000000",
      "color_footer_social_link": "#59756f",
      "type_base_family": "pt_serif_n4",
      "type_base_size": "17px",
      "type_header_family": "source_sans_pro_n7",
      "type_header_size": "32px",
      "type_accent_family": "source_sans_pro_n7",
      "type_accent_size": "16px",
      "type_accent_transform": false,
      "type_accent_spacing": false,
      "share_facebook": true,
      "share_twitter": true,
      "share_pinterest": true,
      "social_sharing_style": "normal",
      "checkout_header_image": "",
      "checkout_logo_image": "",
      "checkout_logo_position": "left",
      "checkout_logo_size": "medium",
      "checkout_body_background_image": "",
      "checkout_body_background_color": "#fff",
      "checkout_input_background_color_mode": "white",
      "checkout_sidebar_background_image": "",
      "checkout_sidebar_background_color": "#fafafa",
      "checkout_heading_font": "Helvetica Neue",
      "checkout_body_font": "Helvetica Neue",
      "checkout_accent_color": "#767676",
      "checkout_button_color": "#e42c00",
      "checkout_error_color": "#e42c00",
      "collections_center_grid_link": false,
      "sections": {
        "header": {
          "type": "header",
          "settings": {
            "header_search_enable": true,
            "logo_max_width": "60",
            "nav_below_logo": true,
            "left_aligned_logo": false,
            "show_header_lines": false
          }
        },
        "footer": {
          "type": "footer",
          "blocks": {
            "footer-0": {
              "type": "blog",
              "settings": {
                "blog": "news"
              }
            },
            "footer-1": {
              "type": "menu",
              "settings": {
                "menu": "footer"
              }
            },
            "footer-2": {
              "type": "social",
              "settings": {
              }
            },
            "footer-3": {
              "type": "newsletter",
              "settings": {
              }
            }
          },
          "block_order": [
            "footer-0",
            "footer-1",
            "footer-2",
            "footer-3"
          ],
          "settings": {
            "show_methods_of_payment": true
          }
        },
        "slider": {
          "type": "slider",
          "blocks": {
            "slider-0": {
              "type": "image",
              "settings": {
              }
            },
            "slider-1": {
              "type": "image",
              "settings": {
              }
            },
            "slider-2": {
              "type": "image",
              "settings": {
              }
            },
            "slider-3": {
              "type": "image",
              "settings": {
              }
            }
          },
          "block_order": [
            "slider-0",
            "slider-1",
            "slider-2",
            "slider-3"
          ],
          "settings": {
            "slider_home_auto": true,
            "slider_home_show_dots": true,
            "slider_home_rate": "7000",
            "slider_home_transition": "fade"
          }
        },
        "product-template": {
          "type": "product-template",
          "settings": {
            "product_vendor_enable": true,
            "product_quantity_enable": false,
            "product_image_zoom_type": "lightbox",
            "product_thumbnails_position": "right",
            "show_extra_tab": false,
            "extra_tab_content": "",
            "social_sharing": false,
            "product_related_enable": true,
            "vendor_enable": false,
            "show_sale_circle": false,
            "show_sold_out_circle": false,
            "center_grid_link": false
          }
        },
        "article-template": {
          "type": "article-template",
          "settings": {
            "article_author_enable": false,
            "social_sharing": false
          }
        },
        "collection-template": {
          "type": "collection-template",
          "settings": {
            "vendor_enable": false,
            "show_sale_circle": true,
            "show_sold_out_circle": true,
            "sort_enable": true,
            "tags_enable": true,
            "center_grid_link": false
          }
        },
        "collection-list": {
          "type": "collection-list",
          "blocks": {
            "collection-list-0": {
              "type": "collection",
              "settings": {
              }
            },
            "collection-list-1": {
              "type": "collection",
              "settings": {
              }
            },
            "collection-list-2": {
              "type": "collection",
              "settings": {
              }
            },
            "collection-list-3": {
              "type": "collection",
              "settings": {
              }
            }
          },
          "block_order": [
            "collection-list-0",
            "collection-list-1",
            "collection-list-2",
            "collection-list-3"
          ],
          "settings": {
            "title": "Collection list"
          }
        },
        "collection-list-1": {
          "type": "collection-list",
          "blocks": {
            "collection-list-1-0": {
              "type": "collection",
              "settings": {
              }
            },
            "collection-list-1-1": {
              "type": "collection",
              "settings": {
              }
            },
            "collection-list-1-2": {
              "type": "collection",
              "settings": {
              }
            },
            "collection-list-1-3": {
              "type": "collection",
              "settings": {
              }
            }
          },
          "block_order": [
            "collection-list-1-0",
            "collection-list-1-1",
            "collection-list-1-2",
            "collection-list-1-3"
          ],
          "settings": {
            "title": ""
          }
        },
        "newsletter": {
          "type": "newsletter",
          "settings": {
            "color_bg": "#eaebea"
          }
        }
      },
      "content_for_index": [
        "slider",
        "collection-list",
        "collection-list-1",
        "newsletter"
      ]
    }
  }
}

Collection sorting :

<div class="form-horizontal">
  <label for="SortBy">{{ 'collections.sorting.title' | t }}</label>
  <select name="SortBy" id="SortBy" class="btn--tertiary">
    <option value="title-ascending">{{ 'collections.sorting.az' | t }}</option>
    <option value="title-descending">{{ 'collections.sorting.za' | t }}</option>
    <option value="price-ascending">{{ 'collections.sorting.price_ascending' | t }}</option>
    <option value="price-descending">{{ 'collections.sorting.price_descending' | t }}</option>
  </select>
</div>

And collection tags :

{% if collection.all_tags.size > 0 %}
<div class="form-horizontal">
  <label for="BrowseBy">{{ 'collections.sorting.browse' | t }}</label>
  {% comment %}Good for /collections/all collection and regular collections{% endcomment %}
  {% if collection.handle %}
    {% capture collection_url %}/collections/{{ collection.handle }}{% unless collection.sort_by == blank %}?sort_by={{ collection.sort_by }}{% endunless %}{% endcapture %}
  {% comment %}Good for automatic type collections{% endcomment %}
  {% elsif collection.current_type %}
    {% assign collection_url = collection.current_type | url_for_type | sort_by: collection.sort_by  %}
  {% comment %}Good for automatic vendor collections{% endcomment %}
  {% elsif collection.current_vendor %}
    {% assign collection_url = collection.current_vendor | url_for_vendor | sort_by: collection.sort_by %}
  {% endif %}
  <select name="BrowseBy" id="BrowseBy" class="btn--tertiary">
    <option value="{{ collection_url }}">{{ 'collections.sorting.all_tags' | t }}</option>
    {% for tag in collection.all_tags %}
      {% capture new_url %}{{ tag | link_to_tag: tag | split: 'href="' | last | split: '"' | first }}{% endcapture %}
      <option{% if current_tags contains tag %} selected{% endif %} value="{{ new_url }}">{{ tag }}</option>
    {% endfor %}
  </select>
</div>
{% endif %}

<script>
  $(function() {
    $('#BrowseBy')
      .bind('change', function() {
        location.href = jQuery(this).val();
      }
    );
  });
</script>

Thanks a lot for your help, I only have 2 more things to do (that and being able to reverse one of my collection that use manual sorting) and my website will be perfect ! 

0 Likes
Rebekah82
New Member
2 0 0

Hi Ninthony, am I able to ascertain some help also

 

I would like to: Create 2 different menus (linklists) for mobile and desktop.

Basically, I want to have "store locator" as a stand-alone link in our navigation for the mobile version of our website!

Currently it sits in 'ABOUT US' on the desktop and mobile, and I want to be seperate for 'mobile'.

https://thejojobacompany.com.au/

 

I believe this is the best way forward... but need help implementing as I can't source the initial 'snippet' (called mobile-nav.liquid)? To then....

Open that file and on line three or somewhere around there you should see this:

 {% for link in mobile-nav.links %}

change that to this:

 {% for link in linklists.main-menu-mobile.links %}

 

0 Likes
Nikitass
Tourist
13 0 3

Hi,

Is there a way to assign a different Mobile menu on Brooklyn Theme?

0 Likes