Utvid temaet ditt
Med Shopify-temaer får du mange innstillinger og tilpasningsalternativer. Det kan imidlertid være lurt å tilpasse temaet ditt ytterligere. Det kan for eksempel være lurt å vise produktanmeldelser i butikken din. Det gjør du ved å installere en app. Hvis du vil utvide funksjonaliteten i temaet ditt, kan du gjøre dette ved å bruke egendefinert kode eller en app.
På denne siden
Legge til tilpasset HTML eller Liquid
Noen temaer tilbyr innstillinger som lar deg legge til kodebiter med HTML eller Liquid-kode som kan gjengis i malen, seksjonen eller blokken som inneholder innstillingen. Disse innstillingene lar deg trygt legge til egendefinert kode i nettbutikken uten å redigere temakoden direkte, som bidrar til å sikre at temaet er kvalifisert for oppdateringer.
Du kan bruke disse innstillingene for følgende oppgaver:
- Bruk en tilpasset Liquid-seksjon til å sette inn Liquid-variabler der de er aktuelle for din bedrift. Du kan for eksempel ønske å legge til fraktbetingelser på produktsiden.
- Bruk en tilpasset Liquid-seksjon til å legge til koden som kreves for å integrere en app i temaet.
For å finne ut om temaet har et alternativ for tilpasset HTML- eller Liquid-kode, kan du se temadokumentasjonen.
Liquid-innstillinger gir deg bare tilgang til et begrenset utvalg Liquid-objekter og -tagger. For å finne ut mer om hvilke objekter og tagger du kan bruke i en Liquid-innstilling, kan du se Liquid-innstillingsdokumentasjonen på Shopify.dev.
Legg til egendefinert CSS
Et cascading style sheet (CSS) endrer hvordan elementer vises i temaet, og kan styre utseendet på flere sider samtidig. Du kan tilpasse temaet ut over innstillingene som er bygget inn i et tema ved hjelp av funksjonen for egendefinert CSS. Du kan legge til egendefinert CSS i hele temaet, eller i en bestemt seksjon av en mal i temaet.
Tilpasning av CSS krever at du er kjent med CSS og HTML. Før du tilpasser temaet, bør du sørge for at du forstår hvilket brukerstøttenivå som er tilgjengelig.
Installere en app
Du kan installere apper for å legge til funksjoner og integrasjoner i temaet ditt. Du kan finne apper i Shopify App Store.
Nettbutikkapper kan integreres med temaet på følgende måter:
Som en appblokk: Appblokker lar deg legge til appfunksjonalitet nøyaktig der du ønsker å bruke den i temaet. Appblokker kan legges til, fjernes og tilpasset gjennom temaredigeringsprogrammet.
Som en appintegrasjon: Appintegrasjoner er appleverte elementer som flyter eller vises som et overlegg i temaet, eller som legger til kode i nettbutikken uten at den er synlig for kundene. Appintegrasjoner kan aktiveres, deaktiveres og tilpasses gjennom temaredigeringsprogrammet.
Ved å endre temakoden: Noen apper setter inn kode direkte i temakoden for å legge til funksjonalitet i temaet. Du kan tilpasse appen gjennom appinnstillingene, eller ved å bruke temaredigeringsprogrammet.
Rediger temakoden din
Du kan redigere temakoden for å gjøre detaljerte endringer i nettbutikken. Temafiler inneholder Liquid, Shopifys malspråk, i tillegg til HTML, CSS, JSON og JavaScript. Du må bare redigere temakoden hvis du kan HTML og CSS, og har en grunnleggende forståelse av Liquid.
Hvis du bruker et gratis tema fra Shopify, kan Shopify-brukerstøtte hjelpe deg med å gjøre visse tilpasninger i temakoden. Se temadokumentasjonen for en liste over tilgjengelige tilpasninger. Finn ut mer om støtte for temaer.
Du kan redigere temakoden din på følgende måter:
- Rediger koden direkte i Shopify-administrator.
- Rediger temaet lokalt med utviklingsverktøy som Shopify CLI og Shopify GitHub-integrasjonen.