DokumentationHandelAnvändarhandbok om Commerce i molninfrastrukturen

Eget tema

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Administratör
  • Utvecklare

Du kan installera ett eller flera teman som du kan använda för en eller alla dina butiker och webbplatser i ditt projekt. Teman innehåller flera statiska filer, inklusive bilder, teckensnitt, CSS, JavaScript, PHP med mera för att skapa butiker. Du kan lägga till temat genom att antingen extrahera dess kod till filsystemet eller använda Composer.

Installera ett tema manuellt

Om du vill installera ett tema manuellt måste du ha temats kod i ett komprimerat arkiv eller i en katalogstruktur som liknar följande:

<VendorName>
  ├── composer.json
      ├── etc
      │   └── view.xml
      ├── media
      ├── registration.php
      ├── theme.xml
      └── web
          ├── css
          │   └── source
          ├── fonts
          ├── images
          └── js

Så här installerar du ett tema manuellt:

  1. Kopiera temats kod under <Project root dir>/app/design/frontend för ett butikstema eller <Project root dir>/app/design/adminhtml för ett administratörstema. Kontrollera att den översta katalogen är <VendorName>. Annars installeras temat inte korrekt.

    code language-bash 
    cp -r ExampleTheme <project-root>/app/design/frontend

  2. Bekräfta att temat har kopierats till rätt plats.

    • Tema: ls <project-root>/app/design/frontend
    • Administratörstema: ls <project-root>/app/design/adminhtml

    Ett exempel följer:

    ExampleTheme Adobe Commerce

  3. Lägg till och implementera filer.

    code language-bash 
    git add -A && git commit -m "Add theme"

  4. Skicka filerna till din gren.

    code language-bash 
    git push origin <branch name>

  5. Vänta tills distributionen är klar.

  6. Logga in på Admin.

  7. Klicka på Innehåll > Design > Teman.

    Temat visas i den högra rutan.

Installera ett tema med Composer

Att installera ett tema med Composer är detsamma som att installera andra tillägg med Composer. Mer information finns i Installera, hantera och uppgradera moduler.

Så här installerar du ett tema med Composer:

  1. Köp temat från Commerce Marketplace.

  2. Hämta temats disposition.

  3. Byt till Adobe Commerce rotkatalog och ange kommandot:

    code language-bash 
    composer require <vendor>/<name>:<version>

    Exempel:

    code language-bash 
    composer require zero1/theme-fashionista-theme:1.0.0

  4. Vänta på att beroenden ska uppdateras.

  5. Ange följande kommandon:

    code language-bash 
    git add -A && git commit -m "Add theme"
    code language-bash 
    git push origin <branch name>

  6. Logga in på Admin.

  7. Klicka på Innehåll > Design > Teman.

    Temat visas i den högra rutan.

Flera teman

Om du använder flera teman, till exempel olika teman per språkinställning, ska du granska miljövariabeln SCD_MATRIX för att anpassa temadistributionen. Se build- eller deploy-stegen i miljökonfigurationen.

recommendation-more-help
05f2f56e-ac5d-4931-8cdb-764e60e16f26