Theme Files: Upload Images to Your Theme

De fleste billeder i din webshop hører til et produkt eller en kategori. Men før eller siden står du med en fil, der ikke gør: et bannerbillede, en størrelsesguide som PDF, et logo i SVG, eller en video til forsiden. Det er præcis det, Filer-siden er til. Du lægger filen op og får en fast, offentlig webadresse tilbage, som du kan bruge alle steder i din shop.

Sådan finder du Filer-siden

1. Log ind i Shoporama-administrationen
2. Klik på Butik i menuen til venstre
3. Åbn menugruppen Design
4. Klik på Filer

Siden hedder ganske enkelt Filer, og den viser en liste over alt det, du allerede har uploadet.

Hvilke filtyper kan du uploade?

Shoporama accepterer ni filtyper på denne side. Alt andet bliver afvist:

• Billeder: JPG, JPEG, PNG, GIF, og WEBP
• Vektorgrafik: SVG, som er velegnet til logoer, ikoner, og grafik der skal være knivskarp i alle størrelser
• Dokumenter: PDF, fx størrelsesguider, datablade, brugsanvisninger, eller et produktkatalog
• Video: MP4 og WEBM

Forsøger du at uploade noget andet, fx en ZIP-fil, et Word-dokument, eller en almindelig tekstfil, stopper Shoporama uploadet og viser beskeden Ugyldigt filformat sammen med listen over de tilladte typer. Der er samtidig en øvre grænse på 32 MB pr. fil, så meget lange videoer skal komprimeres, før du uploader dem.

Sådan uploader du en fil

1. Vælg i feltet Mappe, hvor filen skal ligge. Står der Rodmappen, lander filen øverst i dit filområde
2. Klik i feltet under Upload filer og find filen på din computer. Du kan markere flere filer på én gang og uploade dem samlet
3. Klik på Upload-knappen ved siden af feltet

Når uploadet er færdigt, får du en grøn bekræftelse med antallet af filer, der blev lagt op, og filerne dukker straks op i listen nedenfor.

Filnavnet bliver ryddet op automatisk

Filnavnet bliver en del af den offentlige webadresse, og derfor rydder Shoporama automatisk op i det, når du uploader. Der sker tre ting:

• Store bogstaver bliver til små
• æ, ø, og å bliver til ae, oe, og aa
• Mellemrum, parenteser, og andre specialtegn bliver til bindestreger. Det gælder også store Æ, Ø, og Å, så de forsvinder i stedet for at blive til ae, oe, og aa

Filen Størrelsesguide Dame.pdf bliver altså til stoerrelsesguide-dame.pdf. Det er en fordel, fordi adresser uden mellemrum og danske bogstaver virker pålideligt i alle browsere og mailprogrammer, også på mobil.

Uploader du senere en fil med præcis samme navn, bliver den gamle overskrevet, og adressen forbliver den samme. Det kan du bruge aktivt, når fx en størrelsesguide skal opdateres.

Mapper giver dig overblik

Har du mange filer, kan du samle dem i mapper. Klik på Ny mappe øverst til højre, skriv et navn i den lille dialog, og bekræft. Knappen vises kun, når du står i Rodmappen.

• Mappenavne må kun indeholde bogstaverne a til z, tal, og bindestreger. Store og små bogstaver er begge tilladt, men alt andet, blandt andet æ, ø, å, og mellemrum, bliver fjernet uden varsel. Bliver navnet helt tomt, får du beskeden Ugyldigt mappenavn
• Du kan have mapper i ét niveau. Der er ikke mapper inde i mapper
• Skift mappe i Mappe-feltet. Listen opdaterer sig selv, så snart du vælger
• En mappe kan først slettes, når den er tom. Så dukker knappen Slet mappen op

En praktisk opdeling kunne være en mappe til bannere, en til PDF-guider, og en til video.

Sådan bruger du filen i din shop

Hver fil i listen har en kolonne, der hedder URL. Klik i feltet, så markeres hele adressen, og du kan kopiere den med Ctrl+C eller Cmd+C. Adressen ser sådan her ud:

https://dindomaene.dk/public-files/mit-banner.jpg
https://dindomaene.dk/public-files/guider/stoerrelsesguide-dame.pdf

Adressen ligger på dit eget domæne, så kunderne ser aldrig en fremmed tredjeparts-adresse, og filen leveres over den samme sikre forbindelse som resten af shoppen. Adressen kan du bruge stort set overalt:

• I tekstindhold: produktbeskrivelser, statiske sider, blogindlæg, og landingssider
• I dit tema: som baggrundsbillede i din CSS eller direkte i temaets HTML
• Som download: et almindeligt link til PDF-filen, fx fra en produktbeskrivelse eller i menuen
• I nyhedsbreve og mails: mailprogrammer kan ikke tilgå din administration, men de kan sagtens hente et billede fra en offentlig adresse som denne
• Som baggrundsvideo: MP4- og WEBM-filer kan vælges direkte i Sidedesigneren. Se også guiden til baggrundsvideo på forsiden

Vil du se filen, som kunderne ser den, klikker du bare på filnavnet i Navn-kolonnen. Så åbner den i en ny fane.

Listen over filer

Tabellen viser kolonnerne Navn, URL, Størrelse, Uploadet, og Type. De nyeste filer står øverst som standard, og du kan klikke på kolonneoverskrifterne for at sortere anderledes. Kun URL-kolonnen kan der ikke sorteres på. Størrelsen vises i MB, så du hurtigt får øje på de tunge filer, der sinker din forside.

Sådan sletter du filer

• Én fil: klik på den røde papirkurv yderst til højre i rækken
• Flere filer: sæt flueben ud for dem, du vil af med, og klik Slet markerede nederst. Du bliver bedt om at bekræfte. Fluebenet i toppen af tabellen markerer alle filer på én gang

Sletningen er endelig, og adressen holder op med at virke i samme sekund. Bruger du filen i en produktbeskrivelse, i dit tema, eller i et allerede udsendt nyhedsbrev, går det i stykker de steder. Listen kan ikke fortælle dig, hvor en fil bruges, så tjek det selv, før du rydder op.

Filer eller Billedarkivet? Sådan vælger du

Lige under Filer i menuen ligger Billedarkiv. De to sider ligner hinanden, men de løser hver sin opgave.

Brug Billedarkivet, når

• Du arbejder med almindelige billeder til tekst og indhold (JPG, JPEG, PNG, GIF, og WEBP, op til 10 MB)
• Du vil kunne søge, sætte en beskrivelse på, og genbruge det samme billede flere steder
• Du vil have billedet leveret i den rigtige størrelse og i et moderne, komprimeret format automatisk
• Du vil indsætte billedet med et par klik i editoren i stedet for at kopiere adresser rundt

Brug Filer, når

• Filen ikke er et almindeligt billede: PDF, SVG, MP4, eller WEBM
• Du har brug for en fast adresse, du selv skriver ind i dit tema eller i et nyhedsbrev
• Filen skal leveres nøjagtigt som uploadet, uden automatisk behandling. Det er vigtigt for fx et SVG-logo eller et banner, du selv har optimeret

Tommelfingerreglen er enkel: indholdsbilleder hører hjemme i Billedarkivet, mens dokumenter, video, vektorgrafik, og temafiler hører hjemme under Filer.

Hvorfor er det pengene værd?

Du slipper for at vedligeholde en ekstern fildeling til dine PDF-guider, og du slipper for at bede en webudvikler om at lægge et banner op, hver gang du kører en kampagne. Samtidig får du en stabil adresse, du kan genbruge år efter år, så gamle nyhedsbreve og blogindlæg ikke ender med et hul, hvor billedet var.

Til dig der er teknisk

• Adressemønstret er /public-files/filnavn for filer i Rodmappen og /public-files/mappe/filnavn for filer i en mappe. Der understøttes kun ét mappeniveau
• Filerne leveres fra shoppens eget domæne, så relative stier virker fint i temaets templates
• Der sker ingen omkodning, komprimering, eller skalering. Filen leveres byte for byte, som du uploadede den, så optimér selv billeder og video før upload
• Skal en video kunne vælges i Sidedesignerens videofelt, skal den ligge i Rodmappen
• Filerne hører til webshoppen og ikke til det aktive tema. Skifter du tema, ligger de der stadig

<img src="/public-files/logo.svg" alt="Vores logo">
<a href="/public-files/guider/stoerrelsesguide-dame.pdf">Hent størrelsesguide</a>

Skal du redigere selve temaets template-filer, er det en anden opgave. Se Link til stylesheet og andre filer i dit tema og Log på med SFTP.

Ofte stillede spørgsmål

Jeg får beskeden "Ugyldigt filformat". Hvad gør jeg?

Filens type er ikke på listen over de ni tilladte. Beskeden viser selv, hvilke typer der virker. Gem filen i et andet format og prøv igen, fx et Word-dokument gemt som PDF, eller et billede gemt som JPG. Uploader du flere filer på én gang, stopper Shoporama ved den første fil med en forkert type, så tjek listen bagefter for at se, hvad der nåede med.

Hvor finder jeg adressen på den fil, jeg lige har uploadet?

I kolonnen URL ud for filen. Klik i feltet, så markeres hele adressen automatisk, og du kan kopiere den. Du kan også klikke på selve filnavnet under Navn for at åbne filen i en ny fane og kopiere adressen fra browserens adresselinje.

Kan jeg lægge kundefakturaer eller andre fortrolige dokumenter her?

Nej. Alt, du uploader her, er offentligt tilgængeligt for enhver, der kender eller gætter adressen. Der er ingen login eller adgangskontrol på filerne. Brug kun området til materiale, du gerne vil dele med alle. Personoplysninger, bilag, og kundedokumenter hører ikke hjemme her.

Hvor stor må en fil være?

Op til 32 MB pr. fil, og uploader du flere filer på én gang, tæller den samlede størrelse også med. Til billeder bør du dog sigte langt lavere. Et forsidebanner på over 500 KB gør din side mærkbart langsommere på mobil, og hastighed påvirker både konvertering og placering i Google. Komprimér billedet, før du uploader det.

Kan jeg lave undermapper inde i en mappe?

Nej, der er ét mappeniveau. Til gengæld kan du have så mange mapper, du vil, i Rodmappen. Navnene må kun indeholde bogstaverne a til z, tal, og bindestreger. Alt andet fjernes uden varsel, så "Størrelsesguider" bliver til "Strrelsesguider". Skriv derfor selv navnet uden danske bogstaver og mellemrum, fx "stoerrelsesguider".

Kan jeg uploade en ads.txt eller en verifikationsfil fra Google?

Ikke her. Tekst- og HTML-filer er ikke blandt de tilladte filtyper, og filerne ligger desuden under adressen /public-files/ og ikke i selve roden af dit domæne. Skal du have en verifikationsfil placeret i roden, så skriv til support@shoporama.dk, så hjælper vi dig.

Forsvinder mine filer, hvis jeg skifter tema?

Nej. Filerne hører til din webshop og ikke til det tema, du bruger lige nu. Du kan skifte tema, så mange gange du vil, uden at filerne eller deres adresser ændrer sig. Husk dog at et nyt tema ikke automatisk kender de billeder, du har indsat manuelt i det gamle temas kode.

Kan jeg se, hvor en fil bliver brugt, før jeg sletter den?

Nej, listen viser ikke, hvilke sider eller produkter der henviser til filen. Er du i tvivl, så lad den ligge. En fil for meget er langt billigere end et brudt billede på forsiden. Vil du rydde op, så gør det i mindre portioner og tjek shoppen bagefter.

Kan jeg udskifte et billede uden at ændre links til det?

Ja. Upload den nye version med præcis samme filnavn i samme mappe. Så bliver den gamle overskrevet, og adressen forbliver den samme. Vises den gamle version stadig, er det din browsers cache, så genindlæs siden med Ctrl+F5 på Windows eller Cmd+Shift+R på Mac.

Har du spørgsmål til Filer-siden, eller er du i tvivl om, hvor en fil hører hjemme, så skriv til support@shoporama.dk.