Udvid dit tema

Denne side blev udskrevet kl. Apr 24, 2024. Besøg https://help.shopify.com/da/manual/online-store/themes/theme-structure/extend for at se den aktuelle version.

Shopify-temaer tilbyder mange indstillinger og tilpasningsmuligheder. Du bør dog tilpasse dit tema yderligere. Du kan f.eks. vise produktanmeldelser i din butik, hvilket du kan gøre ved at installere en app. Hvis du vil udvide funktionaliteten i dit tema, kan du gøre det ved hjælp af tilpasset kode eller en app.

På denne side

Tilføj tilpasset HTML eller Liquid

Nogle temaer har indstillinger, der giver dig mulighed for at tilføje kodestykker af HTML- eller Liquid-kode, som kan gengives i den skabelon, det afsnit eller den blok, der indeholder indstillingen. Disse indstillinger giver dig en sikker måde at tilføje tilpasset kode til din webshop på, uden at du skal redigere dit temas kode direkte. Dette hjælper med at sikre, at dit tema er kvalificeret til opdateringer.

Du kan bruge disse indstillinger til følgende opgaver:

  • Brug et Tilpasset Liquid-afsnit til at indsætte Liquid-variabler dér, hvor det giver mest mening for din virksomhed. Du kan f.eks. inkludere din leveringspolitik på din produktside.
  • Brug et Tilpasset Liquid-afsnit til at tilføje den kode, der er nødvendig for at kunne integrere en app med temaet.

Brug temaets dokumentation til at se, om dit tema har muligheder for tilpasset HTML eller Liquid.

Liquid-indstillingerne giver dig kun adgang til begrænsede Liquid-objekter og -tags. Få mere at vide om, hvilke objekter og tags du kan bruge i Liquid-indstillinger, i dokumentationen for Liquid-indstillingen på Shopify.dev.

Tilføj tilpasset CSS

CSS (et overlappende typografiark) ændrer, hvordan elementer vises i dit tema, og kan bestemme udseendet på flere sider på én gang. Du kan tilpasse mere af dit tema end de indstillinger, der er integreret i temaet, ved at bruge den tilpassede CSS-funktion. Du kan føje tilpasset CSS til hele dit tema eller til et specifikt afsnit af en skabelon i dit tema.

Hvis du skal tilpasse CSS, skal du have kendskab til CSS og HTML. Inden du tilpasser dit tema, skal du sørge for, at du er klar over, hvilket niveau af support der er til rådighed.

Installer en app

Du kan installere apps, som kan føje funktioner og integrationer til dit tema. Du kan finde apps i Shopify App Store.

Webshop-apps kan integreres i dit tema på følgende måder:

  • Som en appblok: Appblokke giver dig mulighed for at tilføje appfunktionalitet i temaet, nøjagtig hvor du vil. Appblokke kan tilføjes, fjernes eller tilpasses ved hjælp af temaeditoren.

  • Som en appindlejring: Appindlejringer er app-leverede elementer, der “svæver” eller vises som en overlejring i temaet, eller som føjer kode til din webshop uden at være synlige for dine kunder. Appindlejringer kan aktiveres, deaktiveres og tilpasses ved hjælp af temaeditoren.

  • Ved at redigere din temakode: Nogle apps indsætter koder direkte i dit temas kode for at føje funktionalitet til dit tema. Du kan tilpasse appen ved hjælp af dens indstillinger eller temaeditoren.

Rediger din temakode

Du kan redigere din temakode for at foretage detaljerede ændringer af din webshop. Temafilerne indeholder Liquid, Shopifys skabelonsprog, samt HTML, CSS, JSON og JavaScript. Rediger kun koden for et tema, hvis du kender til HTML og CSS og har en grundlæggende forståelse af Liquid.

Hvis du bruger et gratis tema fra Shopify, kan Shopify Support hjælpe dig med at foretage visse tilpasninger af temakoden. Du kan se en liste over de tilgængelige tilpasninger i temaets dokumentation. Få mere at vide om support til temaer.

Du kan redigere temakoden på følgende måde:

I dette afsnit

Er du klar til at begynde at sælge med Shopify?

Prøv det gratis