I temaredigeraren: Anpassa›Sidhuvud›Sidhuvud
Sidhuvud
Logotypen i skåran, menyn och ikonerna för sökning, konto och varukorg. På mobiler svävar ikonerna som mynt; på datorer sitter menyn i en list.
Ladda upp en logotyp med transparent bakgrund och använd sedan ”Beskär transparenta marginaler på logotypen”, så att den sitter mitt i skåran.
Inställningar
Logotyp
- Logotypbild
- BildOm tomt visas butikens namn som text.
- Logotypens bredd på dator
- Reglage, 100 till 300 pxStandard: 190 pxBredden på den synliga delen av logotypen, efter att de transparenta marginalerna har beskurits.
- Logotypens maxhöjd på dator
- Reglage, 40 till 160 pxStandard: 65 pxEn hög logotyp skalas ned till den här höjden. Höjden gäller den synliga delen.
- Logotypens bredd på mobil
- Reglage, 80 till 200 pxStandard: 100 pxBredden på den synliga delen av logotypen på mobiler och surfplattor. På smala mobiler blir den mindre vid behov, så att ikonerna bredvid får plats.
- Logotypens maxhöjd på mobil
- Reglage, 24 till 44 pxStandard: 34 pxEn hög logotyp skalas ned till den här höjden på mobiler och surfplattor. Fältet är fast 48 px högt, så högst 44.
- Logotypens position i urtaget på mobil
- Reglage, -8 till 12 pxStandard: 4 pxEtt positivt tal flyttar logotypen nedåt, ett negativt uppåt. 0: centrerad i sidhuvudets rad.
- Logotypens position i urtaget på dator
- Reglage, -8 till 12 pxStandard: 0 pxEtt positivt tal flyttar logotypen nedåt, ett negativt uppåt. 0: centrerad i sidhuvudets rad.
Beskär transparenta marginaler på logotypen
- Beskär uppifrån
- Reglage, 0 till 40 %Standard: 17 %
- Beskär nedifrån
- Reglage, 0 till 40 %Standard: 22 %
- Beskär från vänster
- Reglage, 0 till 40 %Standard: 7.5 %
- Beskär från höger
- Reglage, 0 till 40 %Standard: 3.5 %
En logotypbild har oftast transparenta marginaler runt signaturen. Ange hur mycket som skärs bort från varje sida av bilden (i procent); logotypens storlekar ovan gäller sedan det som återstår. För en bild som redan är beskuren tätt, behåll alla värden på 0.
Ikoner
- Visa sökknappen
- På eller avStandard: På
- Ord som skrivs i sökfältet
- TextPå mobiler skrivs de här orden in i fältet efter varandra när sökningen öppnas. Avgränsa med kommatecken. Lämna tomt för att använda namnen på huvudmenyns länkar. De visas också som idéer före inmatning.
- Före inmatning
- Val: Idéer och senaste sökningar, Bara idéer, Bara senaste sökningar, IngetStandard: Idéer och senaste sökningarIdéer är orden från sökfältet. Senaste sökningar är kundens egna, sparade i webbläsaren.
- Kontomeny
- MenyLänkar i Shopifys kontofönster under inloggningen. ”Huvudmeny för kundkonto” håller dem likadana som på kontosidorna.
- Storlek på mynten i sidhuvudet
- Reglage, 36 till 48 pxStandard: 40 pxDiametern på mynten i sidhuvudet på mobil och surfplatta. På dator har sidhuvudet inga mynt: ikonerna ligger på bandet som linjer. Ikonen i ett mynt är halva diametern.
- Väskan reagerar på tillägg
- På eller avStandard: PåNär en produkt läggs i varukorgen sjunker väskan lite, trycks ihop och studsar tillbaka. Inte när ett antal ändras inne i varukorgen.
Sidhuvud på dator
- Menystil på dator
- Val: Bibliotek: alla länkar i kolumner, Rum: en grupp i taget, Galleri: en bild för varje gruppStandard: Bibliotek: alla länkar i kolumnerHur panelen under bandet visar länkarna för ett menyobjekt. Byggs av din vanliga meny, upp till tre nivåer.
- Kollektionsbild i menyer
- På eller avStandard: PåI stilarna bibliotek och rum visas kollektionsbilden bredvid länkarna och byts efter länken under pekaren. Galleriet visar alltid bilder.
- Färg på menypanelen
- Val: Vit, som sökningen, Mörk, Egen färgStandard: Vit, som sökningen
- Panelfärg
- FärgTextfärgen väljs automatiskt: mörk på en ljus färg, ljus på en mörk.
Flytande meny på mobilen
- Flytande meny vid skrollning
- Val: Av, På mobilenStandard: På mobilenPå mobilen, när sidhuvudet skrollar bort, svävar samma fyra ikoner i en kapsel längst ner på skärmen, nära tummen. Menyn, sökningen och varukorgen öppnas uppifrån, som högst upp på sidan. Chattappar: lämna en nedre marginal på minst 90 px i deras inställningar så att de hamnar ovanför.
- Den flytande menyns form
- Val: Flik från ramen, Flytande, smal upptill, Flytande, bred upptillStandard: Flik från ramenFlik: reser sig från ramens nederkant i formen av logotypens skåra, i ramens färg. De flytande formerna använder menyfärgen nedan.
- Färg på flytande meny
- Val: Som mynten i sidhuvudet, Mörk, LjusStandard: Som mynten i sidhuvudet”Som mynten i sidhuvudet” följer myntens färg i sidhuvudet: mörk med mörk ram, ljus med vit ram.
- Färg på ikoner i bottenmenyn
- FärgIkonerna i den flytande menyn på mobilen. Tomt: färgen på menyns ton.
- Färg på ringar i bottenmenyn
- FärgDen tunna ringen runt varje ikon, utan fyllning. En öppen ikon fylls med denna färg. Tomt: färgen på menyns ton.
- Avstånd från ramen
- Reglage, 0 till 24 pxStandard: 4 pxAvståndet mellan menyn och ramen under den, eller webbläsarfältet när det täcker ramen. Samma när du rullar upp eller ner. Standard: 4 px.
Meny
- Huvudmeny
- MenyRedigera menyns objekt under Innehåll > Menyer.
- Liten rubrik ovanför mobilmenyn
- TextLämna tomt för att använda standardtexten.
- Text på medlemsklubbens knapp
- TextKnappen längst ned i mobilmenyn. Lämna tomt för att använda standardtexten.
- Språk- och landsväljare i menyn
- På eller avStandard: PåOvanför klubbknappen. Visas bara när det finns fler än ett språk eller land.
- Språkväljare i bandet
- På eller avStandard: PåPå dator en språkväljare i det översta bandet före sökikonen. På mobil och surfplatta finns den i menyn.
- Flaggor bredvid språken
- På eller avStandard: PåEn liten flagga bredvid varje språk. Vissa butiker föredrar att avstå, eftersom ett språk inte är ett land.
- Sociala nätverk i menyn
- På eller avStandard: PåEn rad med heldragna ikoner under klubbknappen, som i sidfoten. Länkar och ordning ställs in i Temainställningar, under Sociala medier. Facebook, Instagram, TikTok, YouTube och X visas som en vanlig ikon tills du lägger till en länk; andra nätverk bara med länk.
- Menyns färg
- FärgStandard: #FFFFFFValfri färg. Texten och knappen anpassar sig: på en mörk färg är texten krämfärgad. Standard: vit, som ramen.
- Bakgrundsstil
- Val: Enfärgad, Upplyst scenStandard: EnfärgadUpplyst scen: ett mjukt ljus uppifrån som avtar nedåt, skapat av den valda färgen. På en ljus färg blir toppen vit; på en mörk färg blir det en mörk scen.
- Ljusets färg
- FärgDet mjuka ljuset uppe i mitten. Tom: vit.
- Klubbknappens färg
- FärgKnappen längst ned i menyn. Tom: menyns färg. Texten blir ljus eller mörk för att passa.
- Menyns bakgrundsbild
- BildValfritt. Bilden laddas först när menyn öppnas första gången. En slöja i menyns färg ligger ovanpå.
- Slöjans styrka över bilden
- Reglage, 0 till 100 %Standard: 80 %Hur mycket av menyns färg som täcker bilden så att texten förblir läsbar. 0 visar bilden som den är.
Stämmer något här inte med det du ser i redigeraren? Hör av dig, så rättar vi guiden.
