{"id":48651,"date":"2015-05-22T01:09:11","date_gmt":"2015-05-22T05:09:11","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=48651"},"modified":"2018-10-24T06:37:12","modified_gmt":"2018-10-24T10:37:12","slug":"shopify-how-to-create-a-drop-down-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-create-a-drop-down-menu.html","title":{"rendered":"Shopify. How to create a drop-down menu"},"content":{"rendered":"<p> This tutorial will show you how to create a drop-down menu in Shopify store. <\/p>\r\n\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=fJ8baK1BwtA?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to create a drop-down menu<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Admin &rarr; Online Store &rarr; Navigation<\/strong>.<\/p>\r\n<p>Here you can see the available link lists and can select the list item you want to add the dropdown to.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Let&#8217;s add it to the <i>Catalog<\/i> from the <i>Main menu<\/i> link list.<\/p>\r\n<p>Click on <strong>Add a link list<\/strong>  on the left. Name it the same as the list item you want to add the dropdown to, i.e. <i>Catalog<\/i> in our case:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_1-300x113.png\" alt=\"Shopify_How_to_create_a_dropdown_menu_1\" width=\"300\" height=\"113\" class=\"aligncenter size-medium wp-image-48652\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_1-300x113.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_1-150x56.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_1-1024x385.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_1.png 1076w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Type the <strong>Link name<\/strong> in the appropriate field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Pick up the type of link from <strong>Link to\u2026<\/strong> dropdown. Since we are creating the dropdown for the Catalog, we can select either <i>Collection<\/i> or <i>Product<\/i> type.<\/p>\r\n<\/li>\r\n<li>\r\n<p> Select the needed collection\/product.<\/p>\r\n<\/li>\r\n<li>\r\n<p>To add more submenu items, click on <strong>Add another link<\/strong> on the left and perform the same steps for the next submenu item:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_2-300x180.png\" alt=\"Shopify_How_to_create_a_dropdown_menu_2\" width=\"300\" height=\"180\" class=\"aligncenter size-medium wp-image-48653\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_2-300x180.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_2-150x90.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_2.png 772w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<li>\r\n<p><strong>Save<\/strong> the changes and refresh the page:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_3-300x146.png\" alt=\"Shopify_How_to_create_a_dropdown_menu_3\" width=\"300\" height=\"146\" class=\"aligncenter size-medium wp-image-48654\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_3-300x146.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_3-150x73.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/Shopify_How_to_create_a_dropdown_menu_3.png 336w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=fJ8baK1BwtA?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to create a drop-down menu<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to create a drop-down menu in Shopify store.<\/p>\n","protected":false},"author":75,"featured_media":48657,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[794,571,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48651"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=48651"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48651\/revisions"}],"predecessor-version":[{"id":85247,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48651\/revisions\/85247"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/48657"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=48651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=48651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=48651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}