Over the past few months with reviewing people's websites, it became evident that one of the issues that often crops up is the set-up of the navigation.
Part of having a great website design is to ensure that your site not only looks attractive but also is accessible and functional. This will lend to the overall effectiveness and quality of your website.
The navigation pathway is one of the crucial elements that we must remember to include when designing a website. Without a good navigation system, your visitors will feel lost and frustrated, causing them to leave your site more quickly.
A website built with quality navigation will help your visitors find information with ease. This helps to give your site a degree of professionalism. Please consider the following navigation tips:
1. Ensure that your navigation is visible, accessible and consistent.
The best placement for your navigation is either along the top or along the left-hand side. Keep your navigation consistent - don't vary its location or how it's set up as you go from page to page.
2. Less is more!
This advice is two-fold. When designing your website, if you have a lot of pages, it can be overwhelming and quite difficult to read the information available. It is best to try to stick to one row of navigation links. If you find that you are exceeding this, you could end up having the navigation links run into the body of your text. We suggest using one the following options: Submenus, Flyover Menus , or Subpages. When setting up more than one level of navigation, it should not take the visitor more than 3 clicks to get to the information needed. Be sure to keep this in mind!
3. Link names matter.
The names of your navigation links should be short, descriptive and clear. Your visitors should be able to find the information they need just by glancing at your navigation.
4. Always provide a way back home.
No matter which pages your visitors go to, always ensure that there is a way for them to return to your home page! You don't want to leave your visitors stranded and stuck!
Part of having a great website design is to ensure that your site not only looks attractive but also is accessible and functional. This will lend to the overall effectiveness and quality of your website.
The navigation pathway is one of the crucial elements that we must remember to include when designing a website. Without a good navigation system, your visitors will feel lost and frustrated, causing them to leave your site more quickly.
A website built with quality navigation will help your visitors find information with ease. This helps to give your site a degree of professionalism. Please consider the following navigation tips:
1. Ensure that your navigation is visible, accessible and consistent.
The best placement for your navigation is either along the top or along the left-hand side. Keep your navigation consistent - don't vary its location or how it's set up as you go from page to page.
2. Less is more!
This advice is two-fold. When designing your website, if you have a lot of pages, it can be overwhelming and quite difficult to read the information available. It is best to try to stick to one row of navigation links. If you find that you are exceeding this, you could end up having the navigation links run into the body of your text. We suggest using one the following options: Submenus, Flyover Menus , or Subpages. When setting up more than one level of navigation, it should not take the visitor more than 3 clicks to get to the information needed. Be sure to keep this in mind!
3. Link names matter.
The names of your navigation links should be short, descriptive and clear. Your visitors should be able to find the information they need just by glancing at your navigation.
4. Always provide a way back home.
No matter which pages your visitors go to, always ensure that there is a way for them to return to your home page! You don't want to leave your visitors stranded and stuck!
Posted 6 years ago
Hi Gop,
The page heading does still take you back to the home page with the latest version.
Having a breadcrumb navigation can have some value if done correctly. For those who do not know what this is, a breadcrumb navigation looks like this:
Home > Articles > Parenting Articles > Toddlers > Finger Foods for Toddler
It is often placed at the top and/or bottom of your site, letting your visitors know how they have arrived at your page should they want to navigate back. This article: Website Breadcrumbing: To breadcrumb or not to breadcrumb? may provide some good insight.
If people wish to use this type of navigation, it can be constructed by using Text Links.
The page heading does still take you back to the home page with the latest version.
Having a breadcrumb navigation can have some value if done correctly. For those who do not know what this is, a breadcrumb navigation looks like this:
Home > Articles > Parenting Articles > Toddlers > Finger Foods for Toddler
It is often placed at the top and/or bottom of your site, letting your visitors know how they have arrived at your page should they want to navigate back. This article: Website Breadcrumbing: To breadcrumb or not to breadcrumb? may provide some good insight.
If people wish to use this type of navigation, it can be constructed by using Text Links.
Thanks Sanja. 
How about Yola suport concerning Fly Over Menus on ALL styles?
Monique, VP of Customer Support
We advocate for this feature very strongly and it is something we will deliver. I know you have been asking for a long time but I just want to confirm that we have not forgotten and it is high on our To-Do list. Given the delay we have already had on this, I would rather talk about it closer to the release, because actions speak louder than words. Definitely looking forward to announcing that this is on the way.
Does the breadcrumb work in conjunction with a shopping cart (ecwid) rather than just the yola pages.
Showing the navigation route through pages as well as products?
Showing the navigation route through pages as well as products?
Stefan, Official Rep
Hello Peter
I'm not sure if I understand your question correctly. Online Store does work with a breadcrumb navigation. If this is not the answer to your question, please detail your request a little more, so I'll get a better idea of what you're trying to achieve. Thank you.
I'm not sure if I understand your question correctly. Online Store does work with a breadcrumb navigation. If this is not the answer to your question, please detail your request a little more, so I'll get a better idea of what you're trying to achieve. Thank you.
(Edited)
Currently my breadcrumb line only shows "
Category: Warm Buddy Products" it does not show any other pages or products I visit
Category: Warm Buddy Products" it does not show any other pages or products I visit
Hello Peter,
The Online Store breadcrumb will only show the categories you have implemented. Unless you have used custom CSS code within your Online Store to hide the product path.
However, this article refers to manually created breadcrumbs for your website.
If you have any further questions, please do not hesitate to post them so we can assist you further!
The Online Store breadcrumb will only show the categories you have implemented. Unless you have used custom CSS code within your Online Store to hide the product path.
However, this article refers to manually created breadcrumbs for your website.
If you have any further questions, please do not hesitate to post them so we can assist you further!
Hi Ryan
which article?
which article?
The only code change I made to the breadcrumb line was to remove "Store"
div.ecwid-productBrowser-categoryPath-storeLink, span.ecwid-productBrowser-categoryPath-separator-first {
display:none !important;
}
div.ecwid-productBrowser-categoryPath-storeLink, span.ecwid-productBrowser-categoryPath-separator-first {
display:none !important;
}
