Some things can be handled easily with just a few small tips. Explore the frequently asked questions here.
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...
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...
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.
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...