DokumentationHandelPage Builder

Lägg till innehåll - dynamiskt block

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

Skapat för:

  • Nybörjare
  • Mellanliggande
  • Användare

Använd innehållstypen för dynamiskt block för att lägga till ett befintligt dynamiskt block på Page Builder scenen.

Dynamiskt block på butiken

NOTE
Om du gör betydande ändringar i Page Builder-innehållet rekommenderar vi att du ökar livstiden för administratörssession för att förhindra att sessionen gör timeout när du arbetar.

Verktygslådan Dynamiskt block

Verktyg
Ikon
Beskrivning
Flytta
Ikonen Flytta {width="25"}
Flyttar blockbehållaren och dess innehåll till en annan plats på scenen.
Inställningar
Ikon för inställningar {width="25"}
Öppnar sidan Redigera block, där du kan välja blocket och ändra egenskaperna för behållaren.
Dölj
Dölj ikon {width="25"}
Döljer den aktuella blockbehållaren och dess innehåll.
Visa
Visa ikon {width="25"}
Visar den dolda blockbehållaren och dess innehåll.
Duplicera
Duplicera ikon {width="25"}
Skapar en kopia av blockbehållaren och dess innehåll.
Ta bort
Ikonen Ta bort {width="25"}
Tar bort blockbehållaren och dess innehåll från scenen.
NOTE
Dolda element lagras i databasen och är osynliga för kunderna. De här elementen är dock synliga för sökmotorer och andra organ som crawlar webbplatsen. De returneras också som en del av innehållet om det begärs via ett API-anrop med ett synlighetsattribut, såvida du inte tar bort dem från scenen.

Lägg till ett befintligt dynamiskt block på scenen

  1. Navigera till arbetsytan Page Builder på målsidan, blocket, produkten eller kategorin.

  2. Expandera Add Content på panelen Page Builder och dra en Dynamic Block platshållare till scenen.

    Dra en platshållare för dynamiska block till scenen {width="600" modal="regular"}

  3. Håll pekaren över den tomma dynamiska blockbehållaren för att visa verktygslådan och välj ikonen Inställningar ( Inställningar-ikon {width="20"} ).

    Verktygslådan Dynamiskt block {width="600" modal="regular"}

  4. Klicka på Select Dynamic Block på sidan Redigera dynamiskt block och använd listan för att markera blocket.

    Markera ett dynamiskt block {width="600" modal="regular"}

    Leta reda på det dynamiska block som du vill infoga i listan och klicka på Select. Klicka sedan på Add Selected.

    Markera ett dynamiskt block i listan {width="600" modal="regular"}

    En sammanfattning av informationen om det dynamiska blocket visas nedan.

    Sammanfattning av dynamiskt block {width="600" modal="regular"}

  5. Ange Template till något av följande:

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Alternativ Beskrivning
    Dynamic Block Block Template Lägger till ett fristående block.
    Dynamic Block Inline Template Infogar blockinnehållet i texten.

    Dynamisk blockmall {width="200"}

  6. Slutför de avancerade inställningarna efter behov.

  7. När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Avancerade inställningar

  1. Om du vill styra placeringen av det dynamiska blocket i den överordnade behållaren väljer du en Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Alternativ Beskrivning
    Default Använder den standardinställning för justering som anges i formatmallen för det aktuella temat.
    Left Justerar listan längs den vänstra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.
    Center Justerar listan i mitten av den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.
    Right Justerar blocket längs den högra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.

  2. Ange det Border-format som ska användas på alla fyra sidor i den dynamiska blockbehållaren:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
    Alternativ Beskrivning
    Default Använder det standardkantlinjeformat som anges av den associerade formatmallen.
    None Visar inte någon synlig indikation för behållarkanterna.
    Dotted Behållarramen visas som en prickad linje.
    Dashed Behållarramen visas som en streckad linje.
    Solid Behållarramen visas som en heldragen linje.
    Double Behållarramen visas som en dubbel linje.
    Groove Behållarkanten visas som en utdragen linje.
    Ridge Behållarkanten visas som en rak linje.
    Inset Behållarramen visas som en indragen linje.
    Outset Behållarramen visas som en startrad.

  3. Om du anger ett annat kantlinjeformat än None fyller du i visningsalternativen för kantlinjen:

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Alternativ Beskrivning
    Border Color Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde.
    Border Width Ange antalet pixlar för kantlinjens bredd.
    Border Radius Ange antalet pixlar för att definiera radiens storlek som används för att runda varje hörn av kanten.

  4. (Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för behållaren.

    Avgränsa flera klassnamn med blanksteg.

  5. Ange värden, i pixlar, för Margins and Padding för att bestämma de yttre marginalerna och den inre utfyllnaden för den dynamiska blockbehållaren.

    Ange motsvarande värden i diagrammet.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Behållarområde Beskrivning
    Margins Mängden tomt utrymme som används på ytterkanten på behållarens alla sidor. Alternativ: Top / Right / Bottom / Left
    Padding Mängden tomt utrymme som används på behållarens inre kant på alla sidor. Alternativ: Top / Right / Bottom / Left

Redigera inställningar för dynamisk blockbehållare

  1. Håll pekaren över den dynamiska blockbehållaren för att visa verktygslådan och välj ikonen Inställningar ( Inställningar-ikon {width="20"} ).

    Verktygslådan Dynamiskt block {width="500" modal="regular"}

  2. Ändra vid behov det dynamiska blocket:

    • Klicka på Select Dynamic Block.

      Markera ett annat dynamiskt block {width="20"}

    • I listan med aktiva dynamiska block klickar du på Select för det block som du vill lägga till.

  3. Uppdatera de återstående inställningarna efter behov.

  4. När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Duplicera ett dynamiskt block

  1. Håll pekaren över den dynamiska blockbehållaren för att visa verktygslådan och välj ikonen Duplicera ( Duplicera ikon {width="20"} ).

    Dupliceringen visas precis nedanför originalet.

    Duplicera ett dynamiskt block {width="500" modal="regular"}

  2. Om du vill flytta det nya dynamiska blocket till en annan plats håller du pekaren över behållaren och väljer Flytta ( ikonen Flytta {width="20"} ) i verktygslådan.

  3. Markera och dra det dynamiska blocket tills den röda stödlinjen visas på den nya positionen.

    De övre och nedre kantlinjerna i varje behållare visas som streckade linjer när det dynamiska blocket flyttas.

Ta bort ett dynamiskt block från scenen

  1. Håll pekaren över den dynamiska blockbehållaren för att visa verktygslådan och välj ikonen Ta bort ( Ta bort ikon {width="20"} ).

  2. När du uppmanas att bekräfta klickar du på OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d