Choose a menu type

Sections in Navi+

Navi+ has two things called "section". They are easy to mix up but different: Live sections are ready-made product blocks that sit inside a menu, while Menu in Section places a whole menu as a block of your theme. Both are Shopify only.

ALive sections: ready-made product blocks

A block of products or categories that pulls from your store's collections and is drawn in the style you pick: grid, list or horizontal slider. When products are added, repriced or sold out, the block updates itself, so you never edit it by hand.

Use when you want a "New arrivals" or "Best sellers" column, or a way into a category, right inside the menu without adding each product. The block lives inside an item (a Desktop Mega Menu column, Mobile Mega Menu, an Icon Menu tile), not on the level 1 row; Tab Bar and Floating Button don't have it.

How to add one

Click + ITEM. At the top of the Add item window, in the Live sections group, click New arrivals, Best sellers or Shop by category.

Choose how it shows (1 product, 2×2 or 1×3 grid, 1 large + 3 small, slider, list), pick a collection, set the Title and the View all → switch, then click Add block.

What it looks like on your store

When a shopper hovers the item, the block shows real products from the collection, with a title and a View all → button that leads to that collection.

Refreshes itself: the block updates on your store, every 1 hour by default (every 5 minutes at the fastest on the Business plan). Need it now? Click Refresh now in the block, then Save. Details and how to set your own rules: Show products automatically.

BMenu in Section: embed a menu as a theme block

A Navi+ app block in the Shopify theme editor, named Menu in Section. You drag it to the exact spot you want on the page and paste a Menu ID, and the menu shows right there with no CSS selector.

Use when you want to see and choose the menu's spot right in the theme editor, or the placement choice in Publish can't find the right position. It works for Mega Menu and Icon Menu. For Mobile Menu it only shows the open button there; Tab Bar and Floating Button are handled by the app embed and don't need this block.

How to add one

In Navi+ click Publish, open the Method 2: Insert as an App block in your theme editor row, then click Menu ID to copy the code.

In Shopify go to Customize, and in the section where you want it (for example the header) click Add block › Apps › Menu in Section.

Paste the Menu ID (it looks like SF-…) into the block's field and click Save.

What it looks like on your store

The menu shows exactly where you placed the block, for example an Icon Menu row right under the header.

The block also has an Outer Spacing (px) field to adjust spacing (top, right, bottom, left). If you can't drag the block where you need it, use pick the spot with Navi+ Live.

Did this page help?

Need a hand? Chat with us in the app or write to [email protected] — send your store URL and the menu name.