Opsæt rullemenuer i din webshop

Du kan bruge rullemenuer til at gruppere produkter, kollektioner eller sider og gøre det nemmere for kunderne at navigere i din webshop. Hvis du f.eks. har mange produkter, kan du tilføje dem til kollektioner og derefter bruge en rullemenu fra hovedmenuen til at organisere kollektionerne. Det kan hjælpe kunderne med at finde den type produkter, de leder efter.

Du kan også tilføje, fjerne eller redigere menupunkter i rullemenuer eller i dine standardmenuer.

Du kan se og ændre dine webshopmenuer fra siden Indhold > Menuer i din Shopify-administrator.

Indlejring af menupunkter til opbygning af rullemenuer

Du kan opbygge rullemenuer ved at oprette eller flytte menupunkter, så de er indlejret under et punkt på øverste menu. Punktet på øverste niveau vises i hovedmenuen i din webshop, og de indlejrede menupunkter vises i en rullemenu. Punktet på øverste niveau kan have op til to niveauer af indlejrede rullemenuer.

Alle temaer viser indlejrede punkter som rullemenuer fra hovedmenuen, og nogle temaer viser indlejrede punkter som rullemenuer på andre placeringer.

Hovedmenuen og rullemenuerne vises på forskellige lokationer i din webshop afhængigt af dit tema. Nogle temaer viser et ikon ved siden af navnet på en rullemenu i hovedmenuen for at hjælpe kunder med at genkende, at der er en rullemenu der.

Tilføj en rullemenu fra hovedmenuen

Du kan tilføje en rullemenufra et hvilket som helst af menupunkterne i hovedmenuen.

Trin:

Desktop
  1. Gå til Indhold > Menuer i Shopify-administratoren.

  2. Klik på navnet på hovedmenuen.

  3. Vælg et af hovedmenupunkterne som sidehoved i din rullemenu, eller tilføj et nyt menupunkt. Hvis du ikke vil have, at sidehovedet skal linke til noget, skal du skrive # i feltet Søg eller indsæt et link for sidehovedets menupunkt.

  4. Hvis du vil tilføje et menupunkt, der skal inkluderes i rullemenuen, skal du gøre følgende:

    1. Klik på Tilføj menupunkt.
    2. Angiv et navn til menupunktet i feltet Navn.
    3. Angiv eller vælg en destination for menupunktet i feltet Søg efter eller indsæt et link.
  5. Klik på Tilføj, og klik derefter påTræk, og træk menupunktet for at placere det under hovedmenupunktet.

  6. Klik på menuen Gem.

iPhone
  1. I Shopify-appen skal du trykke på knappen Vandret menu.

  2. Tryk på Indhold > Menuer.

  3. Klik på navnet på hovedmenuen.

  4. Vælg et af hovedmenupunkterne som sidehoved for din rullemenu, eller tilføj et nyt menupunkt som sidehoved. Hvis du ikke vil have, at sidehovedet skal linke til noget, skal du skrive # i feltet Søg eller indsæt et link for sidehovedets menupunkt.

  5. Hvis du vil tilføje et menupunkt, der skal inkluderes i rullemenuen, skal du gøre følgende:

    1. Tryk på Tilføj menupunkt.
    2. Angiv et navn til menupunktet i feltet Navn.
    3. Angiv eller vælg en destination for menupunktet i feltet Søg efter eller indsæt et link.
  6. Tryk på Tilføj, og tryk derefter på Træk, og træk menupunktet for at placere det under hovedmenupunktet.

  7. Tryk på Gem.

Android
  1. I Shopify-appen skal du trykke på knappen Menu.

  2. Tryk på Indhold > Menuer.

  3. Klik på navnet på hovedmenuen.

  4. Vælg et af hovedmenupunkterne som sidehoved for din rullemenu, eller tilføj et nyt menupunkt som sidehoved. Hvis du ikke vil have, at sidehovedet skal linke til noget, skal du skrive # i feltet Søg eller indsæt et link for sidehovedets menupunkt.

  5. Hvis du vil tilføje et menupunkt, der skal inkluderes i rullemenuen, skal du gøre følgende:

    1. Tryk på Tilføj menupunkt.
    2. Angiv et navn til menupunktet i feltet Navn.
    3. Angiv eller vælg en destination for menupunktet i feltet Søg efter eller indsæt et link.
  6. Tryk på Tilføj, og tryk derefter på Træk, og træk menupunktet for at placere det under hovedmenupunktet.

  7. Tryk på .

Integration af sidefodsmenu

Rullemenuer kan også implementeres i sidefodsmenuer.

Trin:

  1. Gå til Indhold > Menuer i Shopify-administratoren.
  2. Valgfrit: Følg de samme indlejringsprincipper, som bruges til hovedmenuer, f.eks. ved at trække menupunkter under et sidehovedelement for at skabe en rullemenustruktur ved at klikke påTræk og trække elementerne på plads.
  3. Indtast # i feltet Link for sidehovedelementer, der ikke skal linke til en side (f.eks. sidehovederne "Support" eller "Udforsk").

Overvejelser om temakompatibilitet

Gennemgå følgende overvejelser om at tilføje rullemenuer til dit tema:

  • De fleste temaer understøtter op til to niveauer af indlejrede rullemenuer. Tjek dit temas dokumentation , eller test indlejrede elementer for at bekræfte kompatibilitet.
  • Nogle temaer kan kræve CSS-justeringer for at forbedre mobil brugbarhed. Tilpas ikke dit tema, hvis du ikke er fortrolig med temakode. Få mere at vide om at tilpasse dit tema.

Afgør, om dit tema understøtter indlejrede rullemenuer

For at afgøre, om dit nuværende tema understøtter det maksimale antal indlejrede rullemenuniveauer, du vil implementere, kan du bruge følgende ressourcer:

  1. Tjek dit temas dokumentation: Gennemgå temaets dokumentation for specifik information om menumuligheder og understøttede indlejringsniveauer.

  2. Test de indlejrede elementer: Opret en testmenustruktur med dit ønskede antal indlejrede niveauer, og bekræft, at den vises korrekt på både computer og mobilenheder.

De fleste temaer understøtter op til to niveauer af indlejrede rullemenuer. Hvis du oplever problemer med rullemenuer, bør du bekræfte, at dit tema understøtter det antal af indlejrede niveauer, du forsøger at implementere, eftersom at nogle temaer kan kræve yderligere tilpasning for at understøtte flere niveauer af indlejring.

Bedste fremgangsmåder for rullemenuer

Gennemgå følgende bedste fremgangsmåder for at skabe en brugbar menustruktur, der fungerer godt på tværs af alle enheder.

  • Brug beskrivende labels, som f.eks. "Shop efter kategori", til menupunkter på øverste niveau med #-links.

  • Sørg for, at menuerne er optimeret til mobile enheder. Du kan teste menuer på mobile enheder for at bekræfte, at rullemenuerne udvides som forventet.

  • Tilføj syv eller færre menupunkter på øverste niveau for at undgå overfyldning.

  • Brug klare og beskrivende linktitler. For eksempel "Kollektioner" og "Sommerkjoler".

Fejlfinding af almindelige problemer

Gennemgå følgende løsninger på almindelige problemer, du kan støde på, når du opsætter navigationsmenuer:

  • Omdirigeringer af mobilmenuer: Hvis et menulink på øverste niveau omdirigerer til en ny side, når du trykker på det, skal du kontrollere menuen i din Shopify-administrator for at bekræfte, at menulinkfeltet er #.

  • Problemer med synlighed: Hvis indlejrede elementer ikke vises, skal du sørge for, at de trækkes helt ind under sidehovedelementet og indrykkes i menuens grænseflade. Bekræft, at dit tema understøtter det antal indlejrede niveauer, du har konfigureret.

  • Temakompabilitet: Hvis du oplever problemer med rullemenuer, bør du bekræfte, at dit tema understøtter det antal af indlejrede niveauer, du forsøger at implementere. Nogle temaer kan kræve yderligere tilpasning for at understøtte flere niveauer af indlejring.

Tilpas temakode til rullemenuer

For temaer, der kræver yderligere tilpasning, kan du overveje at tilpasse din temakode.

Kan du ikke finde de svar, du leder efter? Vi er her for at hjælpe.