Edit the menus and see your change live

Use this page when you need to change what appears in the site menus: the Shop, Services and Connect mega-menus on desktop, the mobile menu, the footer link columns, or the category grid on the home page.

Most of these menus are not built in a menu editor. They are built from your content pages, and the theme decides which pages appear, in what order and how deep. The mega-menus, mobile menu and footer are also stored for up to 24 hours, so a correct change can look as if it did nothing.

Menus are cached for up to 24 hours

The desktop mega-menu, the mobile menu and the footer menu are each saved as a stored copy that is reused for up to 24 hours (86,400 seconds). After you save a change in the cPanel, the live site can keep showing the old menu until that copy expires. Adding ?nc= to the URL does not get around it, because the stored copy is shared by every page and every visitor. Check your change the next day before you assume it failed.

Which menu comes from where

Menu	Built from	Order	Levels on desktop	Levels on mobile	Cached
Shop	Product categories	Sort Order high to low, then name A to Z	1, 2 and 3	1, 2 and 3	Yes, 24 h
Services	Content type services	Sort Order high to low, then name A to Z	1 and 2	1, 2 and 3	Yes, 24 h
Connect (left column)	Content type learn	Sort Order high to low, then name A to Z	1 only	1, 2 and 3	Yes, 24 h
Connect (brand tiles)	Content type brand	Sort Order high to low, max 11	1 only	Not shown	Yes, 24 h
Footer	Menu Manager menu web_footer	The order set in Menu Manager	1 (heading) and 2 (links)	Same	Yes, 24 h
Home page category grid	Menu Manager menu category_grid	The order set in Menu Manager	1 only	Same	No

The menu button reads Connect, but the content type behind it is still learn.

Level 4 and deeper are never shown in any menu.

Steps

1. Add, remove or reorder a Shop, Services or Connect item

1. Open the category (Shop) or the content page (Services or Connect) in the cPanel.
2. To put it in the menu, make sure Active is ticked and the page is set to show on the menu. A page that is active but not set to show on the menu is left out. For example, the Wholesale service page and six level 2 Roof Racks categories (Roof Baskets, Mounts & Legs and others) are active but hidden this way (2026-10-20 pull).
3. To move it, change Sort Order. Higher numbers come first. Pages with the same Sort Order are listed by name, A to Z. Roof Racks (Sort Order 100) sits above Current Promotions (1), and every category on 0 follows in alphabetical order.
4. To place it under a parent, set the parent page. The level it lands on decides where it shows (see the table above).
5. Save.

How each menu treats an item:

• Shop, desktop. A level 1 category with subcategories becomes a tab. It does not link anywhere itself; the panel gets a See All [name] link instead. A level 1 category with no subcategories is a plain link. The first level 1 item that has subcategories is open when the menu opens.
• Services, desktop. Same as Shop, but the extra link reads Explore [name], and each level 2 item shows its own Alt image 1 above its name. Level 3 service pages appear on mobile only.
• Connect, desktop. Only level 1 pages show, as plain links. Their child pages are not shown on desktop. The right side always shows the brand tiles (step 4).
• Mobile. A parent item opens its list instead of linking, and the first entry in that list is See All [name]. Connect on mobile also ends with an Our Brands link to the Brands page (/brands/).

Not live yet

On altapac.com today, the mobile menu has no See All [name] entries, so on a phone a parent category or page can’t be opened from the menu at all, only its children. The See All links arrive with the next theme release (AUD-08).

Shop hides empty categories

The Shop menu, desktop and mobile, is set to leave out categories with nothing in them. If you build a new category and it does not appear, check that products are assigned to it or to one of its subcategories. Services and Connect are set to show their pages whether or not they have anything under them.

2. Set the content panel image (Shop and Services)

Each level 1 tab in Shop and Services has a panel on the right showing one linked image and title. It comes from the level 1 page’s own related content.

1. Open the level 1 category (Shop) or level 1 service page (Services).
2. In Related Content, add the content page you want promoted.
3. Open that related page and make sure it has an Alt image 1 (alt_1), uploaded at 450 × 450.
4. Save both.

What the panel uses:

• The related page’s Alt image 1, its name as the heading, and a link to it.
• On desktop the square image is cropped to 3:2 (the theme sizes it as 450 × 300), losing a little off the top and bottom. Keep the subject in the middle.
• On mobile the same image shows as a strip 120 px high across the full width, with the title printed over it. Keep the subject centred and avoid text in the image.
• Only one related item is shown. The theme does not choose which one if you add several.

One related content list feeds two places

On a Shop category, the same Related Content list feeds the menu panel (one item) and the related cards on the category page itself (up to 4). Adding a second or third item to fill the category page cards can change which item the menu panel shows. The cards only appear on the category page when Description 1 has text and Label 1 has any text in it.

Connect has no content panel on desktop. On mobile, a Connect level 1 page with child pages does show a panel from its related content, if it has any.

3. Set the fallback panel (Shop and Services)

If a level 1 tab has no related content, the desktop panel falls back to a single page chosen in a content zone. Mobile has no fallback: the panel is simply left out.

Menu	Content zone	Currently points to
Shop	shop_menu_content	The Accessory Fitment & Solutions service page (content ID 117)
Services	serve_menu_content	The Contact Altapac page (content ID 223)

There is no fallback zone for Connect.

1. Go to Content Zones and open shop_menu_content or serve_menu_content.
2. Switch the editor to source view and delete everything in it.
3. Type the content ID of the page you want, and nothing else. For example: 117.
4. Save.

The zone must hold a bare number

The theme reads the zone’s contents as a content ID. If the editor wraps the number in a paragraph tag (<p>117</p>), or you leave a space, a line break or any other text, the ID no longer matches a page and the panel shows nothing. There is no error. Always check the zone in source view after saving.

Known issue: fallback panels link to the wrong page

A fallback panel shows the fallback page’s image and name, but the link goes to the level 1 item’s own URL, not to the fallback page. On the live site today, the Current Promotions and Vehicle Performance tabs show “Accessory Fitment & Solutions” but link to their own category pages, and the Accessory Fitment & Solutions and Vehicle Protection service tabs show “Contact Altapac” but link to their own service pages. This is a theme bug and has been reported. Until it is fixed, give every level 1 item its own related content so the fallback is never used.

4. Change the brand tiles in Connect

The right side of the Connect menu on desktop shows up to 11 brands and then an Explore More tile that links to /brands/. Each brand tile uses the brand page’s Alt image 1, cropped to 3:1.

1. Decide which 11 brands should show.
2. Give those brands the highest Sort Order values, each one different. The live order today starts Rhino-Rack (99), Yakima (98), Thule (97).
3. Make sure each of those brand pages has an Alt image 1 that still reads when cropped to a wide 3:1 strip. Brand images are square (9 of the 11 shown on 21 October 2026 are 450 × 450), so the tile shows only the middle third of the height.
4. Save.

Brands are sorted by Sort Order only. The theme does not ask for a name order when two brands share a number, so a tie for the 11th place can go either way. Today Lightforce and EGR are both on 1 and only EGR is shown.

The Explore More tile and the mobile Our Brands link both go to the Brands page (content ID 153, /brands/). The mobile link finds the page by its ID, so it follows a URL change. The desktop Explore More tile is fixed to /brands/, so changing that page’s URL breaks it.

5. Edit the footer links

The footer link columns come from the Menu Manager menu web_footer.

1. Open Menu Manager and edit web_footer.
2. Each level 1 item is a column heading. It is printed as plain text, not a link, so the URL you give it is not used (not live yet, AUD-84).
3. Each level 2 item under it is a link in that column.
4. Save.

Rules:

• Desktop fits 3 columns in a row. A fourth level 1 item starts a second row underneath. On phones the columns stack.
• Level 3 items are not shown.
• The current columns are Service, About Us and Information.

Not live yet

On altapac.com today, each footer column heading is a link. The current headings have no URL, so clicking one just jumps to the top of the page. Plain-text headings arrive with the next theme release (AUD-84).

6. Edit the home page category grid

The icon grid on the home page comes from the Menu Manager menu category_grid. Only level 1 items are shown. This grid is not cached, so changes show without the 24-hour wait.

Icons follow position, not the category

Each icon is picked by the item’s position in the menu, not by which category it links to. The first item uses icon 001, the second icon 002, and so on, up to 018 today. If you reorder, insert or remove an item, every item after it shows the wrong icon. When you change the grid, ask a developer to rename or upload the icon images to match the new positions.

7. Check your change live

1. Open the site in a private window.
2. If the change is in the category grid, it should show straight away.
3. If the change is in the mega-menu, the mobile menu or the footer, the old version shows until the cache is cleared, or for up to 24 hours.
4. If it still has not appeared after a cache clear or 24 hours, go back through the “What breaks” list below.

What breaks

Every one of these fails silently: the page saves and no error appears.

Symptom	Likely cause
Change does not show	The 24-hour menu cache. Wait.
New Shop category missing	No products in it or its subcategories, not set to show on the menu, or not Active.
Item in the wrong place	Sort Order is high to low. A bigger number moves it up.
Service level 3 page missing on desktop	Desktop Services shows levels 1 and 2 only.
Connect child pages missing on desktop	Desktop Connect shows level 1 only.
Content panel empty	No related content, and the fallback zone has a <p> tag, a space or extra text around the ID.
Panel shows a page you did not expect	Several items in Related Content, or the fallback is in use.
Fallback panel opens the wrong page	Known theme bug. Add related content to that level 1 item.
Panel or tile image blank	The related page or brand has no Alt image 1.
Image badly cropped	Desktop panel crops to 3:2, brand and service tiles to 3:1, the mobile panel to a 120 px strip.
The brand you wanted is not in Connect	Only the top 11 by Sort Order show. Ties for the last place are not guaranteed.
Footer column wrapped to a second row	More than 3 level 1 items in web_footer.
Footer link missing	It is at level 3. Move it to level 2.
Category grid icons wrong	Items were reordered, added or removed. Icons follow position.
Mobile Our Brands link broken	The Brands page (ID 153) was deleted or deactivated.
Desktop Explore More tile broken	The Brands page’s URL is no longer /brands/.

For developers

Theme files this page is based on

From Altapac-ReDev, branch development:

• src/templates/headers/includes/components/desk-Menu.template.html: desktop mega-menus. Cache type:'cmenu' id:'web_deskmenu-v2' ttl:'86400'. Shop content_menu content_type:'category' sortby:'sortorder,name' show_empty:'0'; Services content_type:'services' ... show_empty:'1' (no *level_3); Connect content_type:'learn' ... show_empty:'1' (*level_1 never prints [@next_level@]). Brand tiles content_type:'brand' sortby:'sortorder' show_empty:'0' limit:'11', shown because [@level2learnlist@] is never set. Related panel list type:'content' filter:'related_content=[@content_id@]' limit:'1'; fallback zones shop_menu_content and serve_menu_content passed straight to show_content id:. Fallback link bug: [@url@] inside show_content *body resolves to the level 1 item’s URL (lines 64-78 and 175-189).
• src/templates/headers/includes/components/mobile-Menu.template.html: mobile menu. Cache type:'cmenu' id:'web_burgermenu-v2' ttl:'86400'. Same three content_menu calls with levels 1-3; related panel with no fallback; “Our Brands” is [%url type:'page' id:'153' /%].
• src/templates/footers/template.html: footer. Cache type:'menu' id:'footer-content-menu' ttl:'86400' around [%menu id:'web_footer'%]; each level 1 is col-md-4 inside a col-md-8 row.
• src/templates/cms/home.template.html: [%menu id:'category_grid'%], not cached. Icons are /assets/images/homepage/grid/s_icon[@hierarchy@].png and l_icon[@hierarchy@].png; live [@hierarchy@] renders as the zero-padded position (001, 002, …).
• src/templates/cms/category.template.html: related cards list ... related_content=[@content_id@] limit:'4', inside [%if [@content_description1@]%] and [%if [@content_label1@]%].
• src/templates/cms/includes/sidebar.template.html: two more 24-hour caches, cmenu/sidebar-category and menu/sidebar-info (web_information). Both menus are hidden with display: none !important, so they do not affect staff.
• src/css/custom.css: .megamenu .megamenu-content img (aspect-ratio 3/2), img.lvl2-image (3/1), .burger-menu .megamenu-content img (height 120px).

A template deploy does not clear a [%cache%] entry. To force a fresh menu after a template change, re-key the cache id (as was done with the -v2 suffix). .claude/skills/base-templating/references/caching.md still lists the old ids web_deskmenu and web_burgermenu and old sidebar line numbers.