Frequently Asked Questions

Frequently Asked Questions

Some things can be handled easily with just a few small tips. Explore the frequently asked questions here.

Add Navi+ menus to your website directly

Sometimes, you might not be able to directly insert the Navi+ menu into your Shopify website. Some possible reasons are as follows: Your theme does not support Online Store 2.0. It might be that your theme was downloaded from unofficial sources or is no longer supported. Your theme has technical...

Written by khoipn
November 4, 2024

Add walk-through with Navi+ menus

You’ll need to use a library like TourGuideJS, a JavaScript library that can be embedded into your website to add step-by-step walkthrough guides through an attribute format like <div data-tg-tour="<span>My first tour</span>"> ... </div>. It’s completely free. Follow the instructions below to add walkthroughs through the Navi+ menus, either for...

Written by khoipn
October 29, 2024

Tips for fixing integration themes with Navi+

Warehouse Search box Sometimes, you may want the search box of the Warehouse theme not to appear by default and only open when clicking the Search icon. The function below will help overwrite the open:Search_Warehouse function and fix this issue.  

Written by khoipn
October 23, 2024

How to use multilanguage on Navi+?

Navi+ supports unlimited use of multiple languages on menus: You can create an unlimited number of languages on Navi+ menus without needing to install any additional plugins. Since menu content is usually short, Navi+ uses syntax to configure the language settings. Navi+ allows multilingual setup for the name, description, and...

Written by khoipn
October 21, 2024

How does Navi+ support SEO?

Links are one of the key factors in optimizing SEO with search engines. SEO optimization with links applies to both backlinks and internal links. Backlinks (External Links) Backlinks are links from other websites pointing to your site. These are an important factor in SEO. Quality over quantity: Links from reputable...

Written by khoipn
October 16, 2024

How to find ID, Class or Name attribute of UI elements in the webpage?

To have more flexibility and adaptability on your website with the support of applications like Navi+, sometimes you’ll need some slightly technical skills – but they’re actually quite simple. One of the tasks you’ll need to do is finding the ID, Class, or Name attribute of UI elements on the...

Written by khoipn
October 9, 2024

Replace the your current desktop header with a new Navi+ supported Mega Menu

I must tell you upfront that this is a challenging topic, even though Navi+ makes it easy for you to create a Mega Menu. However, there are many creative ways to implement it and technical hurdles to overcome to achieve the best experience. The article below will focus on one...

Written by khoipn
September 22, 2024

How to completely replace the default header of a website?

Replacing the default header of a website completely presents several major challenges, which Navi+ has now been able to address: The header appears at the top of the page, so it needs to have the highest loading speed. This significantly impacts the website’s LCP (Largest Contentful Paint), CLS (Cumulative Layout...

Written by khoipn
September 19, 2024

How do I open a Shopify Inbox chat window instead of using the default float button?

Shopify Inbox is a free messaging app built by Shopify. Use “open:Inbox” to open chat box of Shopify Inbox and hide the default float button (FAB) to save space. Use “open:InboxWithoutReplace” to open chat box of Shopify Inbox but do not hide the default float button. You will need do...

Written by khoipn
September 19, 2024

What is Menu depth and how to use?

The default depth support for the Navi+ menu is 2 for the Starter package (free) and increased to 3 for the Business package. In most cases, a depth of 2 is sufficient for ordinary needs – And also easy for users as the large depth of the menu can make...

Written by khoipn
September 19, 2024

How to write a correct CSS code in Navi+?

CSS is the key to every problem when you need to customize deeply for Navi+. Almost all interface things on Navi+ can be solved with CSS code. In Navi+, there are 2 levels of CSS: Level 1: Internal Stylesheet / CSS (#SF-123456789) This is the recommended level to use in...

Written by khoipn
September 19, 2024

Why is Navi+ menu not displayed on my website?

To display the Navi+ menu on your website, there are two clear options: Embed [Navi+ On all page] into your theme and adjust the display in the Navi+ application: This is also the most common and easiest way to do it. However, your Navi+ menus can only stick on the...

Written by khoipn
September 19, 2024

How to add Navi+ to a separate page through Theme Session

There are several ways to add a Navi+ menu to your website, allowing you to customize and combine various Navi+ navigation tools to guide users towards your business goals. One way is to directly embed one or more Navi+ menus into your theme as a section, which you can do...

Written by khoipn
September 19, 2024

How to prevent Navi+ from overlapping other apps like Chat/WhatsApp…?

Why this will be an issue? In many cases, you’ll need to use multiple applications embedded on your website. This can make an usual usability issue as interface elements may overlap (see the picture below). A simple example is when you frequently use a chat application like Shopify Inbox or...

Written by khoipn
September 19, 2024

Why aren’t my Menu, Search, and Cart (panels) working?

Navi+ supports various Menu, Search, and Cart panels on popular themes: Most free Shopify themes (Dawn, Spotlight, Sense, Refresh, Craft), and several popular premium themes such as Impulse, Tailor, Warehouse, Pipeline, Empire, Enterprise, Local, Avenue… This support is demonstrated by displaying the theme’s panels when your customers click on the...

Written by khoipn
May 3, 2022