I'm new to shopify and customizing an existing theme. I was wondering how to do the following.
I have two navigation items (in navigation section of admin):
COLLECTIONS
Men
Women
Kids
-and-
INSPIRATIONS
Casual
Vacation
Weekend
Business
Currently I have two items in my main menu corresponding to COLLECTIONS and INSPIRATIONS (with corresponding dropdowns). I was wondering how to put them both under one main item
SHOP--------------------------------------
COLLECTIONS INSPIRATIONS
Men Casual
Women Business
...
Thanks in advance
Julia
What you are talking about is called "Link Lists" in Shopify. This is what you need to do
Go to Admin -> Navigation and edit menu of "Main Menu"
Add a single item "Shop" and select "All Collections" as the link
Go back to "Navigation" and create a new menu "Shop"
Add two items "Collections" and "Inspirations"
Now you have linked "Collections" and "Inspirations" menu to a parent menu "Shop"
Note: The title of the items inside a menu should always be the same as that of the menu you want to link together.
Refer to this for more details: Create a drop-down menu on my storefront
Next comes displaying submenus inside the menu. Shopify default theme doesn't have this feature out of the box. You can refer to this Shopify thread for implementation: Multi-level menus in Shopify. It is fairly straightforward.
Related
Shopify, out of the box, only supports 3 levels deep menus (welcome to 2021).
What is a good approach to implement deeper nested menus?
things that come to mind:
manually sub-nest menus in the theme files.
E.g. create menu
MAIN
and another menu
MAIN1-LVL2
then put the MAIN1-LVL2 like so
MAIN -> MAIN1-LVL2
same with MAIN2-LVL2
Another approach I thought about putting the menu data into settings_data.json
Is there another good way to do that?
The usual way is to create a recursive snippet that will check if there is a menu dropdown OR an another menu with the same menu title and output the links.
So for example if you have:
Navigation Title: Main menu
- Home
- About
- - Company
- - History
- - - Link 1
- - - Link 2
- - People
- Contact
Navigation Title: Company
- Link 1
- Link 2
There will be a standard dropdown for the About and History, but Company will render the second menu called with the same name.
If you are worried that you will have name collision you can prefix the menu with dropdown- and the snippet will check if the navigation has the same title with the prefix.
This is how most premium themes handles mega menus in Shopify.
I want to add sub menu for my category menu for my main menu displayed in the front landing page as shown here
This is my category
When I hover the Category Ticket I must be able to see three submenus
1)Buy ticket (link to the product page which will be always dynamic page)
2)See winners ( a cms page )
3)Check offers ( a cms page)
Category are displayed by adding category
Is there any option to do submenu for category from the prestashop 1.6 back end
You should install blocktopmenu module. Already contained in Prestashop official installation. This module allows you to create submenus. All you'll have to do is to style it with css.
Becouse I cant comment below Florian Lemaitre post I write here, module bloctopmenu didn't have options to create submenu, it is create automaticaly submenu only for category who contains subcategories. If somebody need create some custom submenus containing for example cms page or add home icon he must use third party module.
I am exploring Windows app studio , I want to create an app that will display a list of items by category, and each category must have a subcategory, but it looks like that the template does not have subcategories build in. I have choosed "My Products Catalog" template. How to add a new list page after the existing list page? Should I choose a different template?
The click order must be like this:
1st Category> subcategory> detail page
A screenshot of the windows app studio template:
Windows App studio currently does not support two level navigation within one section. You can setup something similar adding a "Menu" section for each category. In the menu you can add some sub-sections that can map to your sub-categories.
In the image below, you can see I've managed to make a drop down menu in a Shopify store. The drop down menu contains some collections. My question is: when user clicks on "Men's" s/he's directed to a certain collection (right now: Walk shorts).
Is it possible that when user clicks on "Men's", s/he's presented with all the collections that you see in that drop down menu?
You can do this using tags.
Have all you product in those collection tagged with the tag "men", then simply have the top link to /collections/all/men
http://docs.shopify.com/manual/your-store/products/edit-tags
Charles is right, you can do this with tags.
I suggest taking a look at this article in the Shopify docs:
Creating subcategories of products. It explains how to create subcategories with tags and gives a few examples of how to display them on one page.
I’m just looking for a sanity check before I go down this road with my Windows Store App.
In the app, I am looking to have a navigation model which involves the following:
All users shown the initial page, and are asked to make a section of Items from a list before tapping continue.
Each Item has a group of pages associated with it – could be 2,3, whatever.
The user is then presented the pages in the order that they are associated with for each Item and in the order by which they selected the Items.
For example, say the user selects Items 2 & 3.
Item 2 has PageA, PageB, PageC associated with it
Item 3 has PageB, PageD, PageA associated with it.
The user journey for the App would be
Selection -> PageA -> PageB -> PageC -> PageB -> PageD -> PageA -> End
The approach I am thinking of going with involves a “UserService” which is persistent throughout the app and stores a list of the Items the user has selected (in order)
I would then have a “PagePlayer” page which would act as a container for the pages to be displayed and this would be loaded after the user is finished with the Selection.
The player would then display all the pages in order based on the Items that were saved in the UserService.
I personally don’t want to go down this road because I know that having Frames displaying Pages etc is generally a bad idea, it could ruin the navigation history etc.
Which pages are associated with each item I would have saved to a local file of some sort and have this loaded when a new Item is set to be displayed.
The number of items are “hard coded” and have IDs associated with them.
I am familiar with Prism for WPF but unfortunately the recently released Prism for Windows Runtime does not support modularity for using a composite approach.
Apologies for general-ness of this question, I couldn’t think of another way of asking it.
Any help would be greatly appreciated!