Butiker
Mediabiblioteket
Ladda upp bilder och typsnitt till designern: format, 10 MB-gränsen, alt-text, filtret Fonts och var filerna används.
Mediabiblioteket innehåller bilderna och typsnitten du använder i designern.
Var: Panelen Media i designern (⌥6). Biblioteket öppnas också från Choose image och från fältet Logo. I admin öppnas det från bildfältet på en kategori, se Kategorier.
Produktbilder laddar du upp på produkten, inte här. Se Produkter.
Format och gränser
| Format | Vad som händer vid uppladdning |
|---|---|
| JPG, PNG, WebP | BunStack sparar originalet och gör WebP-kopior i bredderna 256, 440, 880, 1440 och 2048 px. BunStack gör bara kopior som är smalare än originalet |
| GIF, SVG och animerade bilder | Sparas som de är |
| WOFF2, WOFF | Sparas som typsnitt |
| Gräns | Värde |
|---|---|
| Största fil | 10 MB |
| Filer i listan | De 100 senaste |
| Vem ser filerna | Alla butiker i workspacet |
| Vem laddar upp | Roller som får redigera butiken |
Butiken väljer den kopia som passar skärmen. Finns kopiorna skickas inget original bredare än 2048 px till besökare.
Ladda upp
- Öppna panelen Media.
- Tryck Upload file.
- Välj filen.
Filen hamnar först i listan. Filtren All, Images och Fonts visar alla filer, bara bilder eller bara typsnitt.
Använd en bild
Raden ovanför listan visar vad ett klick gör:
- I panelen Media: ett klick lägger bilden i den markerade sektionen. Utan markering kopieras bildens adress.
- Från Choose image eller Logo: ett klick fyller det fältet.
- Från en rad i sektionen Categories: bilden gäller bara den kategorin i den sektionen.
- Från kategorins bildfält i admin: ett klick väljer bilden. Den sparas när du trycker Save. En fil du laddar upp där hör till workspacet, inte till en butik.
Använd ett typsnitt
Ett typsnitt har knappen Copy URL. Klistra in adressen i stället för COPIED-URL:
@font-face { font-family: "Brand Sans"; src: url("COPIED-URL") format("woff2"); }
Butikens policy laddar typsnitt bara från mediabiblioteket. Ett typsnitt från en annan adress laddas varken i butiken eller på arbetsytan. Se Egen CSS och kod i head.
Alt-text
- Håll pekaren över bilden.
- Tryck Edit alt text.
- Skriv vad bilden visar.
- Tryck Enter för att spara, eller Esc för att avbryta.
Alt-texten följer med när du väljer bilden till en sektion. Skärmläsare läser den. Publiceringsrutan varnar för bilder utan beskrivning.
Ta bort en fil
- Håll pekaren över filen.
- Tryck Delete asset.
- Tryck Delete i rutan Delete this asset?.
BunStack tar bort filen och dess kopior.
Varning: Sektioner som använder filens adress visar ingen bild efter borttagningen. Öppna Preview och kontrollera sidorna efteråt.
Fel
| Meddelande | Orsak | Gör så här |
|---|---|---|
| Ett fel under Upload file | Filen är större än 10 MB eller har ett annat format | Gör filen mindre, eller spara den som JPG, PNG, WebP, GIF, SVG, WOFF2 eller WOFF |
| Upload failed. | Uppladdningen avbröts | Försök igen |
| Nothing of that kind yet. | Filtret har inga filer | Välj All |