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.
På denne side
- Indlejring af menupunkter til opbygning af rullemenuer
- Tilføj en rullemenu fra hovedmenuen
- Integration af sidefodsmenu
- Overvejelser om temakompatibilitet
- Afgør, om dit tema understøtter indlejrede rullemenuer
- Bedste fremgangsmåder for rullemenuer
- Fejlfinding af almindelige problemer
- Tilpas temakode til rullemenuer
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
Gå til Indhold > Menuer i Shopify-administratoren.
Klik på navnet på hovedmenuen.
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.
Hvis du vil tilføje et menupunkt, der skal inkluderes i rullemenuen, skal du gøre følgende:
- Klik på Tilføj menupunkt.
- Angiv et navn til menupunktet i feltet Navn.
- Angiv eller vælg en destination for menupunktet i feltet Søg efter eller indsæt et link.
Klik på Tilføj, og klik derefter på
, og træk menupunktet for at placere det under hovedmenupunktet.
Klik på menuen Gem.
iPhone
I Shopify-appen skal du trykke på knappen
.
Tryk på Indhold > Menuer.
Klik på navnet på hovedmenuen.
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.Hvis du vil tilføje et menupunkt, der skal inkluderes i rullemenuen, skal du gøre følgende:
- Tryk på Tilføj menupunkt.
- Angiv et navn til menupunktet i feltet Navn.
- Angiv eller vælg en destination for menupunktet i feltet Søg efter eller indsæt et link.
Tryk på Tilføj, og tryk derefter på
, og træk menupunktet for at placere det under hovedmenupunktet.
Tryk på Gem.
Android
I Shopify-appen skal du trykke på knappen
.
Tryk på Indhold > Menuer.
Klik på navnet på hovedmenuen.
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.Hvis du vil tilføje et menupunkt, der skal inkluderes i rullemenuen, skal du gøre følgende:
- Tryk på Tilføj menupunkt.
- Angiv et navn til menupunktet i feltet Navn.
- Angiv eller vælg en destination for menupunktet i feltet Søg efter eller indsæt et link.
Tryk på Tilføj, og tryk derefter på
, og træk menupunktet for at placere det under hovedmenupunktet.
Tryk på ✓.
Integration af sidefodsmenu
Rullemenuer kan også implementeres i sidefodsmenuer.
Trin:
- Gå til Indhold > Menuer i Shopify-administratoren.
- 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å
og trække elementerne på plads.
- 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:
Tjek dit temas dokumentation: Gennemgå temaets dokumentation for specifik information om menumuligheder og understøttede indlejringsniveauer.
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.