Menyer och navigering

Med Shoporamas menybyggare kan du utforma navigeringen i din webbshop precis som du vill. Du kan skapa flera menyer, placera dem på olika ställen på sidan och organisera dem i en hierarki med över- och undermenyer.

Översikt över dina menyer

Under Innehåll → Menyer hittar du en översikt över alla menyer du har skapat. För varje meny visas namnet, taggen, den valda placeringen (överst, nederst, vänster eller höger) och hur många menyalternativ menyn innehåller. Klicka på en meny för att redigera den.

Skapa en ny meny

Klicka på Skapa ny meny och ge menyn ett namn. När du har klickat på Skapa öppnas redigeringsvyn, där du kan lägga till menyalternativ och konfigurera menyn ytterligare.

Menyinställningar

Högst upp på sidan ställer du in själva menyn:

• Namn: menyns namn. Vissa teman visar det på startsidan. I Montana blir namnet på en fotmenyn rubriken ovanför kolumnen i foten.
• Tagg: en kort etikett som temat använder för att hämta menyn och visa den på rätt plats. Om ditt tema anger vilka taggar det använder visas de som förslag under fältet, och du kan klicka på ett förslag för att infoga det. Delaware, DelawareDK, Montana och MontanaB2B gör detta idag. I Montana är förslagen footer_menu_1 och footer_menu_2.
• Menyns placering: välj om menyn ska placeras högst upp, längst ner, till höger eller till vänster. Om ditt tema anger vilka placeringar det hämtar menyer från visar vi endast dessa. I Montana kan du därför endast välja ”Överst”. En placering som redan är vald finns alltid kvar i listan, även om temat inte använder den, så att du kan se den och ta bort den igen.

Om ditt tema använder specifika CSS-klasser på menypunkter listas de med en förklaring under inställningarna, så att du kan se vad som är meningsfullt att skriva i fältet ”Klass” vid den enskilda menypunkten. I Montana är det megameny och show_image. Om ditt tema inte anger något finns fältet fortfarande kvar, men utan förslag. Skriv endast en klass som ditt tema faktiskt känner igen, eftersom en okänd klass i vissa teman kan innebära att menypunkten inte visas alls.

Längst ner på sidan finns två spara-knappar: Spara stänger menyn och tar dig tillbaka till översikten, medan Spara och redigera vidare håller dig kvar på sidan. Kom ihåg att Shoporama sparar adressen till de sidor du har lagt till i menyn. Om du senare ändrar adressen till en kategori eller en sida måste du spara menyn igen innan menyposten pekar på rätt plats.

Under Avancerat finns fältet ”Denna menypost är en undermeny till”. Det är inte det fältet som skapar dina rullgardinsmenyer. Det grupperar endast menyerna i översikten så att du kan se vad som hör ihop, och det fylls i automatiskt när du lägger till en undermeny till en menypost. Om fältet redan har ett värde är avsnittet öppet så att du kan se det. Normalt ska du inte ändra på det.

Så här styrs menyerna i Montana

Varje tema bestämmer själv var de enskilda menyerna ska visas. Vissa menyer hämtas av temat utifrån placeringen, andra utifrån taggen. Om det inte stämmer överens med vad temat förväntar sig visas menyn inte alls. Nedan följer reglerna för standardtemat Montana. Samma regler gäller för MontanaB2B.

Toppmenyn (den horisontella navigeringsraden)

Toppmenyn styrs uteslutande av placeringen. Ställ in placeringen till Överst för den meny som ska vara huvudnavigering. Taggen har ingen betydelse för toppmenyn, och fältet kan gärna lämnas tomt.

• Om ingen meny har placeringen ”Överst” visar Montana ingen navigering alls. Varken den horisontella linjen på datorn eller listan i mobilmenyn. Temat faller inte automatiskt tillbaka till att visa dina kategorier.
• Om flera menyer har placeringen ”Överst” visas endast en av dem, och du kan inte välja vilken. Ställ därför in ”Överst” på endast en meny.
• Samma meny används både för den horisontella linjen på datorn och för mobilmenyn. Du ska inte skapa två.

Rullgardinsmeny under en menypost

Om du vill ha en rullgardinsmeny under en punkt i toppmenyn gör du så här:

1. Skapa en ny meny med de länkar som ska finnas i rullgardinsmenyn. Den behöver varken ha en specifik placering eller en specifik tagg.
2. Gå tillbaka till din toppmeny, välj Lägg till menypunkt i rullgardinsmenyn längst ner och klicka på Lägg till.
3. Välj den nya menyn i kolumnen Värde, skriv den text som ska stå i toppmenyn i kolumnen Titel och klicka på Spara.

Megameny i flera kolumner

Montana kan också visa en bred meny i flera kolumner. Det kräver tre menynivåer och en HTML-klass:

1. Skapa en meny per kolumn. I varje kolumnmeny är den första menyposten kolumnens rubrik, och resten blir länkar under rubriken.
2. Skapa en samlingsmeny och lägg till en menypunkt av typen Menypunkt för varje kolumn. Koppla var och en av dem till en av kolumnmenyerna.
3. Lägg till samlingsmenyn i din toppmeny som en menypunkt och skriv ”megameny” i fältet ”Eventuell HTML-klass” på den raden.

Kolumnrubriken visas endast om kolumnens första menypunkt är en kategori, en produkt eller en landningssida. Om du använder typen ”Länk” eller ”Statisk sida” som första punkt försvinner rubriken helt från kolumnen. Om du vill ha en bild ovanför rubriken skriver du in ”show_image” i fältet ”HTML-klass” för kolumnens första menypunkt.

Fotmenyerna

Foten i Montana består av fasta kolumner. Den första visar dina företagsuppgifter, och längst till höger finns anmälan till nyhetsbrevet, om du har aktiverat den i temainställningarna. De två kolumnerna i mitten är menyer, och temat hämtar dem utifrån taggen:

• Ge den första fotmenyn taggen footer_menu_1.
• Ge en eventuell andra kolumn taggen footer_menu_2.

Menyns namn blir rubriken ovanför kolumnen. Om du kallar menyn ”Kundservice” står det Kundservice ovanför länkarna i sidfoten.

Det som inte är menyer

Två saker i Montana ser ut som menyer, men skapas på ett annat ställe:

• Den smala raden med ikoner högst upp (t.ex. ”Gratis leverans” eller ”Snabb leverans”) är ingen meny. Den ställs in under Design → Temainställningar → USP:er, där du kan ange upp till fyra korta meddelanden med varsin ikon och länk.
• Placeringarna Längst ner, Vänster sida och Höger sida används inte av Montana. Om du placerar en meny på någon av dessa platser utan att också ge den rätt tagg visas den inte någonstans.

Lägg till menyalternativ

Längst ner i redigeringsvyn väljer du vilken typ av menypost du vill lägga till och klickar sedan på Lägg till. Följande typer är tillgängliga:

• Kategori — länk till en produktkategori i din webbshop.
• Produkt — länk direkt till en specifik produkt.
• Landningssida — länk till en av dina landningssidor.
• Statisk sida – länk till en statisk sida (t.ex. ”Om oss” eller ”Handelsvillkor”).
• Blogginlägg — länk till ett specifikt blogginlägg.
• Länk — en valfri URL som du själv anger, t.ex. en extern länk eller en specifik adress i din webbshop.
• Menypunkt — lägg till en annan meny som en menypunkt så att du kan skapa rullgardinsmenyer och undernavigering.

För varje menypunkt kan du ange:

• Titel — den text som visas i menyn. Om du lämnar fältet tomt fyller Shoporama automatiskt i objektets eget namn (t.ex. kategorinamnet eller produktnamnet) när du sparar.
• Eventuell HTML-klass — en valfri CSS-klass som läggs till i menypunkten om ditt tema stöder det. I Montana används den för megameny och show_image. I övriga fall lämnar du fältet tomt.
• Värde — den kategori, produkt, sida eller URL som menyalternativet ska länka till.

Sortering och flyttning

Ta tag i det lilla handtaget till vänster om en menypunkt och dra punkten dit den ska placeras. Ordningen sparas automatiskt direkt, så du behöver inte klicka på Spara efteråt. Detta gäller endast placeringen. Titel, Länkar till och Klass sparas först när du trycker på Spara.

Eftersom undermenyernas punkter är utfällda på samma sida kan du dra mer än bara ordningen. Det är skillnaden mellan fem minuter och en halv förmiddag när säsongen byter:

• In i en rullgardinsmeny: dra punkten in mellan de indragna punkterna, där undermenyn finns.
• Ut ur en rullgardinsmeny: dra punkten upp till den yttersta listan igen.
• Från en rullgardinsmeny till en annan: dra punkten direkt från den ena grenen över till den andra.
• En hel rullgardinsmeny på en gång: om du drar en punkt som i sig är en undermeny följer allt innehåll med.

Det finns en sak som inte går att dra: det går inte att omvandla en vanlig länk till en rullgardinsmeny. Det klarar bara pilen åt höger. Pilarna fungerar för övrigt även på surfplattor och mobiltelefoner, där det kan vara svårt att träffa handtaget.

Om punkten ska flyttas till en helt annan meny som inte är utfälld på sidan, till exempel från toppmenyn ner till en fotmenyn, använder du istället knappen med mappikonen bredvid pilarna. Då frågar Shoporama vilken meny punkten ska flyttas till.

Om flytningen inte går att genomföra hoppar punkten tillbaka till sin gamla plats och du får ett meddelande om varför. Det händer vanligtvis om du drar en rullgardinsmeny nedåt in i sig själv eller ned i en av sina egna undermenyer, eller om grenen blir djupare än vad ditt tema kan visa. Inga data har påverkats. Tänk dock på att om du drar en post ner i en gren där det står ”Fler nivåer finns här”, hamnar den längst ner i något som du inte kan se på sidan. Öppna själva undermenyn för att fortsätta arbeta med den.

Hierarki och undermenyer

Om toppmenyn har vuxit till tolv punkter i en lång rad samlar du dem i rullgardinsmenyer direkt i punktlistan. Du behöver inte först skapa en meny någon annanstans och sedan hämta in den.

1. Se till att de punkter som ska ingå i rullgardinsmenyn placeras direkt under den punkt de hör hemma under. Om ”Sneakers” och ”Stövlar” ska ligga under ”Skor”, drar du upp dem direkt under ”Skor”.
2. Klicka på pilen till höger bredvid ”Sneakers”. Punkten flyttas in under punkten precis ovanför, och Shoporama skapar själv undermenyn. Den får sitt namn efter den punkt där den skapades, i detta fall ”Skor”.
3. Klicka på samma pil vid ”Stövlar”. Den hamnar i samma undermeny, under ”Skor”.

Pilen åt vänster flyttar ut punkten igen, en nivå i taget, och placerar den direkt efter den rullgardinsmeny den kom ifrån. Om du klickar på pilen åt höger på den översta punkten i en gren får du meddelandet ”Det finns ingen menypunkt att flytta in under”. Det måste finnas en post ovanför som den kan flyttas in under.

Punkterna förblir synliga på sidan hela tiden, indragna under den punkt de tillhör, så att du kan se hela strukturen på ett ställe. Sidan visar tre nivåer åt gången. Om det finns fler under den aktuella nivån står det ”Fler nivåer finns här”, och då klickar du dig in i själva undermenyn för att arbeta med de punkterna.

Lägg till undermeny

Under punktlistan finns knappen Lägg till undermeny. Den använder du när du vill börja med en tom rullgardinsmeny istället för att flytta in befintliga punkter. Ge undermenyn ett namn, klicka på Skapa undermeny, så hamnar den längst ner i den meny du har öppen. Om du vill placera den längre in i trädstrukturen drar eller flyttar du den på plats efteråt.

I samma ruta kan du under ”Eller använd en meny du redan har” istället koppla in en av dina övriga menyer. Det är praktiskt för en kundtjänst-rullgardinsmeny som ska vara densamma på flera ställen: om det står ”används på två ställen ” vid punkten, så gäller en korrigering på alla ställen. Du kan inte koppla en meny under sin egen undermeny, Shoporama avvisar detta med ett meddelande.

Om du vill lägga till nya punkter direkt i en rullgardinsmeny använder du rullgardinsmenyn ”Placera i” bredvid ”Lägg till punkt”. Den avgör vilken gren den nya punkten hamnar i. Välj själva menyn för att placera punkten längst ner i huvudmenyn, eller välj en av undermenyerna för att placera den direkt i rullgardinsmenyn.

Hur många nivåer kan du använda?

Det bestäms av ditt tema. Montana och MontanaB2B meddelar detta till Shoporama, och administratören varnar dig om du försöker gå längre in än vad temat kan visa, samt markerar punkter som redan ligger för djupt. Montana visar tre nivåer i en megameny, det vill säga punkten i toppmenyn, kolumnerna och punkterna i kolumnerna. En vanlig rullgardinsmeny visar två nivåer, det vill säga punkten i toppmenyn och en lista med länkar under den. Administratören spärrar först vid fjärde nivån, så en tredje nivå kan mycket väl finnas utan varning och ändå bara visas i en megameny. Om du använder ett annat tema får du varken varningar eller spärrning, och då måste du själv hålla koll.

Ändring av URL för menyalternativ

Shoporama sparar URL:en till de sidor du lägger till i dina menyer av hastighetsskäl. Det innebär att om du senare ändrar URL:en för en kategori, en produkt eller en sida måste du öppna den aktuella menyn och spara den igen för att URL:en i menyn ska uppdateras.

Ta bort en meny eller en menypunkt

Du tar bort en menypost med den röda knappen med papperskorgen till höger om posten. Borttagningen sker omedelbart och du behöver inte spara efteråt. Kategorier, produkter och sidor tas aldrig bort. En meny består endast av genvägar.

Om punkten är en rullgardinsmeny beror det på vilken typ av undermeny som är kopplad till den:

• En undermeny som Shoporama själv har skapat, eftersom du flyttade in en punkt och som inte används någon annanstans: den raderas tillsammans med punkten. Annars skulle den ligga kvar som en meny som ingen kan hitta. Om den innehåller underpunkter frågar vi först och anger hur många underpunkter som tas bort. Om den är tom finns det inget att ta ställning till, och då frågar vi inte.
• En undermeny som du själv har gett en etikett eller en placering: endast länken tas bort. Själva menyn finns kvar, och du hittar den i menyöversikten.
• En undermeny som används på flera ställen: även här tas endast länken bort här på sidan. De andra ställen där den används rör vi inte.

Siffran i bekräftelsen avser undermenyns egna punkter. Om det finns flera automatiskt skapade rullgardinsmenyer under den tas även de bort, och de ingår inte i siffran. Om du har skapat flera nivåer bör du gå igenom menystrukturen innan du tar bort den översta punkten.

Du raderar hela menyn med knappen Radera hela menyn längst ner på sidan. Du ombeds bekräfta, och raderingen kan inte ångras. Från menyöversikten kan du markera flera menyer och radera dem samtidigt.

Vanliga frågor

Jag har skapat en meny, men ingenting händer i min webbshop. Vad har jag gjort fel?

Det beror nästan alltid på att menyn saknar den placering eller den tagg som temat förväntar sig. I Montana måste huvudmenyn ha placeringen ”Överst”, och fotmenyerna måste ha taggen footer_menu_1 eller footer_menu_2. Utan det visas inte menyn, oavsett hur många punkter du har lagt in i den.

Vad är skillnaden mellan ”namn” och ”tagg”?

Namnet är det du själv kallar menyn och som kunderna ibland ser (t.ex. rubriken ovanför en fotkolumn). Taggen är en teknisk etikett som temat använder för att hitta rätt meny. Tänk på taggen som ett uttagsnummer: temat letar efter ett specifikt nummer, och menyn måste ha exakt det numret för att visas.

Kan jag ha flera menyer högst upp?

Nej. Montana visar bara en meny på platsen ”Överst”. Om du behöver flera nivåer skapar du istället rullgardinsmenyer genom att lägga till undermenyer under punkterna i din toppmeny.

Måste jag lägga till alla mina kategorier i menyn manuellt?

Ja. Montana visar inte kategorierna automatiskt. Det är ett medvetet val, så att du själv bestämmer ordningen och kan utelämna kategorier som inte ska ta plats i navigeringen. Däremot kan du nöja dig med de viktigaste kategorierna högst upp och låta resten ligga kvar i kategorimenyn på kategorisidorna.

Jag har ändrat namnet på en kategori. Måste jag ändra menyn?

Titeln i menyn ändras inte automatiskt, eftersom den sparas som separat text. Detsamma gäller adressen om du har ändrat kategorins URL. Öppna menyn, redigera titeln och klicka på Spara. Då uppdateras även adressen samtidigt.

Varför försvann rubriken i min megameny-kolumn?

Detta beror på att kolumnens första menypunkt måste vara en kategori, en produkt eller en landningssida. Om den första punkten är en fri länk eller en statisk sida visas inte rubriken. Byt ut den första punkten mot en kategori så visas rubriken.

Kan jag länka till något utanför min webbshop?

Ja. Välj typen ”Länk” och ange den fullständiga adressen, t.ex. till din Facebook-sida. Du kan också använda typen ”Länk” för interna adresser som inte är en kategori eller en sida, t.ex. /blog.

Fungerar det på samma sätt på mobilen?

Ja. Montana använder samma toppmeny för mobilmenyn bakom hamburgerikonen, inklusive dina rullgardinsmenyer. Du behöver alltså inte underhålla två menyer.

Jag använder ett annat tema än Montana. Gäller samma sak?

Själva menybyggaren är densamma för alla teman, men varje tema bestämmer själv vilka placeringar och taggar det läser. MontanaB2B följer samma regler som Montana. Om du använder ett annat eller ett specialbyggt tema, kontakta oss på support@shoporama.dk så tar vi reda på vilka taggar ditt tema förväntar sig.

Jag har bytt namn på en kategori, men menyposten heter fortfarande det gamla

Titeln på en menypost är postens egen text, och den följer inte automatiskt med när du byter namn på en kategori eller en sida. Det är avsiktligt, eftersom de flesta vill kunna kalla posten något kortare i menyn än vad den heter på själva sidan. Redigera texten i fältet Titel och klicka på Spara. Om du hellre vill ha det namn som kategorin har nu, raderar du bara innehållet i fältet Titel och sparar, så fyller Shoporama i det själv.

Var har listrutan med alla mina produkter i kolumnen ”Pekar på” tagit vägen?

Den har omvandlats till ett sökfält. Skriv de första bokstäverna i namnet och välj från listan som dyker upp. Om du hade 3 000 produkter skulle de alla hämtas i varje enskild rad, vilket gjorde att sidan blev tung att öppna. Sökfältet söker endast i den typ som punkten har, så du kan inte ändra en kategoripunkt till en produktpunkt genom att söka. Du väljer typen när du lägger till posten. Om posten har typen Länk kan du däremot söka fram alla typer, och då fyller vi i adressen åt dig.

Det står ”visas ovan” vid en av mina rullgardinsmenyer

Det betyder att samma undermeny redan är utfälld längre upp på sidan, eftersom du använder den på två ställen i samma meny. Vi fäller ut den bara en gång, så att du inte får två uppsättningar fält för samma innehåll och behöver redigera på två ställen samtidigt. Redigera punkterna där de är utfällda, så kommer ändringen att synas på båda ställena.

Kan jag skapa en sådan bred megameny i Montana?

Ja. Skriv ”megameny” i fältet ”Klass” vid den punkt som öppnar rullgardinsmenyn. Därefter ska det finnas två nivåer under den: varje undermeny under punkten blir en kolumn, och kolumnens punkter blir dess länkar. Kolumnens första punkt blir rubriken över kolumnen och upprepas inte i listan nedanför, så låt den vara en kategori, en produkt eller en landningssida. Om du vill ha en bild ovanför rubriken skriver du ”show_image” i fältet ”Klass” för just den punkten. Placera inte vanliga länkar direkt under megamenypunkten, eftersom de då inte visas. De måste ligga inuti en kolumn.

En av mina menypunkter är markerad, som om den inte pekar någonstans

Då har den kategori, den produkt eller den sida som punkten pekade på raderats. Vi låter punkten stå kvar med sitt gamla värde istället för att tyst ta bort den, så att du kan se vad som har hänt. Sök fram rätt mål i ”Pekar på” och klicka på Spara, eller ta bort punkten om den inte ska användas längre.

Kan jag inaktivera en menypunkt under en period utan att ta bort den?

Det finns ingen på/av-knapp för det enskilda alternativet. Istället skapar du en meny som du till exempel kallar ”Parkering” och låter den stå helt utan etikett och utan placering, så att inget tema hämtar den. Sedan använder du knappen med mappikonen bredvid punkten för att flytta den dit när den ska tas bort från menyn, och tillbaka igen när den ska användas. Punkten, dess titel och dess länk bevaras under hela processen.