DokumentationHandelInnehåll och design

Skapa och hantera widgetar

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

Skapat för:

  • Nybörjare
  • Mellanliggande
  • Administratör
  • Användare

Widgetar är återanvändbara komponenter. Du kan enkelt skapa widgetar och ändra befintliga så att innehållet uppdateras automatiskt i hela butiken. Du kan också ta bort widgetar som inte längre används.

Widgets

Skapa en widget

Processen med att skapa en widget är nästan densamma för varje widgettyp. Du kan följa den första delen av instruktionerna och sedan slutföra den sista delen för den typ av widget du vill använda.

Steg 1: Välj typ

  1. Gå till Content > Elements>Widgets ​på sidofältet_ Admin _.

  2. Klicka på Add Widget.

  3. I avsnittet Settings:

    • Ange Type till den widgettyp som du vill skapa.

    • Kontrollera att Design Theme är inställt på det aktuella temat.

      Widget-inställningar {width="600" modal="regular"}

  4. Klicka på Continue.

Steg 2: Ange egenskaper och layout för butiken

  1. I avsnittet Storefront Properties:

    • För Widget Title anger du en beskrivande titel för widgeten.

      Den här titeln visas bara från administratören.

    • För Assign to Store Views väljer du de butiksvyer där du vill att widgeten ska vara synlig.

      Du kan välja en viss butiksvy eller All Store Views. Om du vill markera flera vyer håller du ned Ctrl (PC) eller Kommando (Mac) och klickar på varje alternativ.

    • (Valfritt) Ange ett nummer för Sort Order för att avgöra i vilken ordning det här objektet visas med andra på samma del av sidan. (0 = först, 1 = sekund, 3 = tredje o.s.v.)

      Storefront-egenskaper {width="600" modal="regular"}

  2. Klicka på Add Layout Update i avsnittet Layout Updates.

  3. Ange Display On till den typ av sida där den ska visas.

  4. I listan Container väljer du det område i sidlayouten där den ska placeras.

    Layoutuppdateringar {width="600" modal="regular"}

  5. Om widgeten är en länk anger du Template till något av följande:

    • Block Template - Formaterar innehållet så att det kan placeras som en fristående enhet på sidan.
    • Inline Template - Formaterar innehållet så att det kan placeras i annat innehåll. Till exempel en länk som finns inuti ett textstycke.

Steg 3: Slutför widgetalternativen

Alternativen för varje widgettyp varierar något, men processen är i stort sett densamma. I följande exempel visas produktlistan för en viss kategori med sidnumreringskontroller.

  1. Välj Widget Options på den vänstra panelen.

  2. Klicka på Select Block.

  3. Ange en Title som ska visas ovanför listan, till exempel Featured Products.

  4. Ange Display Page Control till Yes för sidnumreringskontroller och gör följande:

    • Ange Number of Products per Page.

    • Ange totalsumman Number of Products to Display.

    • Ange Condition till den produktkategori som ska visas.

      Processen är samma som att ställa in ett villkor för en prisregel.

Steg 4: Spara och kontrollera resultatet

  1. Klicka på Save när du är klar.

  2. Följ instruktionerna högst upp på arbetsytan för att uppdatera cachen efter behov.

  3. Gå tillbaka till butiken för att kontrollera att widgeten fungerar som den ska.

    Om du vill flytta den till en annan plats kan du öppna widgeten igen och prova med en annan sid- eller blockreferens.

Demo om att skapa widget

Titta på den här videon om du vill veta mer om hur du skapar widgetar:

https://video.tv.adobe.com/v/343786?quality=12

Redigera en widget

  1. Gå till Content > Elements>Widgets ​på sidofältet_ Admin _.

  2. Leta upp widgeten med hjälp av filtren ovanför stödrastret och klicka sedan på widgetens namn.

  3. Gör nödvändiga ändringar.

    Gå igenom stegen för att skapa en widget för information om widgetalternativen.

  4. Klicka på Save.

Ta bort en widget

  1. Gå till Content > Elements>Widgets ​på sidofältet_ Admin _.

  2. Leta upp widgetarna med hjälp av filtren ovanför stödrastret och markera sedan kryssrutan för de widgetar som ska tas bort.

  3. I listans övre vänstra hörn anger du Actions till Delete.

  4. Klicka på Submit när du är klar.

  5. Bekräfta åtgärden genom att klicka på OK.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de