Navlinks

Turn tags into navigation bar buttons, reorder them, and nest them into dropdowns.

Navlinks are the buttons on your storefront's navigation bar. Each one points at a tag, giving customers one-click access to a category. You need at least one tag before you can create a navlink, since there is otherwise nothing to point a button at.

Dashboard → Appearance → Navlinks. Needs tag_read (navlinks share the tag permission).

Creating a navlink

1. Go to Appearance → Navlinks.

2. Click Create in the top right.

3. Select the tag you want to appear as a button.

Visit your storefront to see it.

Reordering

Click and drag the movement icon on the left of a navlink to change its position. The order here is the order on your storefront. The first item gets disproportionate clicks, so check Analytics for which category actually earns and lead with that.

Making a dropdown

Drag a navlink's movement icon below and slightly to the right of another navlink. It nests underneath, and the topmost link becomes the dropdown parent. A Servers dropdown holding Vanilla, Modded and Creative beats three top-level buttons crowding the bar.

Drag below and slightly right to nest.

How many is too many

Keep the top level short, around five items. Past that the bar wraps or scrolls on smaller screens and stops functioning as navigation.

A structure that works for most stores:

Ranks    Currency    Servers ▾    Cosmetics    Support
                     ├ Survival
                     ├ Creative
                     └ Modded

Check your storefront on a phone. A large share of game store traffic is mobile, and a navigation bar that looks fine at 1440px can be unusable at 390px. Nest aggressively rather than adding another top-level button.

Navlinks in templates

Custom storefronts receive navlinks as a global template variable, and category.html gets activeNavlink for the current selection. See Editing Template Files.