DocumentatieCommercePage Builder

[Alleen PaaS]{class="badge informative" title="Is alleen van toepassing op Adobe Commerce op Cloud-projecten (door Adobe beheerde PaaS-infrastructuur) en op projecten in het veld."}

Inhoud toevoegen - Dynamisch blok

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Gebruiker

Gebruik het Dynamische inhoudstype van het Blok om een bestaand ​ dynamisch blok ​ aan het Page Builder stadium ​ toe te voegen.

​ Dynamisch blok op de storefront ​ {width="700" modal="regular"}

NOTE
Als u significante veranderingen in Page Builder inhoud aanbrengt, adviseert men dat u het ​ Levenslang van de Zitting Admin ​ verhoogt om de zitting te verhinderen uit timing terwijl u werkt.

Werkset Dynamisch blok

Gereedschap
Pictogram
Beschrijving
Verplaatsen
​ pictogram van de Beweging ​ {width="25"}
Verplaatst de blokcontainer en de inhoud ervan naar een andere positie in het werkgebied.
Instellingen
​ pictogram van Montages ​ {width="25"}
Opent de uitgeven Blokpagina, waar u het blok kunt kiezen en de eigenschappen van de container veranderen.
Verbergen
​ het pictogram van de Huid ​ {width="25"}
Hiermee verbergt u de huidige blokcontainer en de inhoud ervan.
Tonen
​ toon pictogram ​ {width="25"}
Toont de verborgen blokcontainer en de inhoud ervan.
Dupliceren
​ Dupliceer pictogram ​ {width="25"}
Hiermee maakt u een kopie van de blokcontainer en de inhoud ervan.
Verwijderen
​ verwijder pictogram ​ {width="25"}
Verwijdert de blokcontainer en de inhoud ervan uit het werkgebied.
NOTE
Verborgen elementen worden opgeslagen in de database en onzichtbaar voor klanten. Deze elementen zijn echter zichtbaar voor zoekmachines en andere bots die uw site kruipen. Ze worden ook geretourneerd als onderdeel van de inhoud als ze worden opgevraagd via een API-aanroep met een kenmerk van onzichtbaarheid, tenzij u ze uit het werkgebied verwijdert.

Een bestaand dynamisch blok toevoegen aan het werkgebied

  1. Navigeer naar de werkruimte Page Builder op de doelpagina, het doelblok, het product of de doelcategorie.

  2. Vouw Page Builder uit in het deelvenster Add Content en sleep een tijdelijke aanduiding Dynamic Block naar het werkgebied.

    ​ slepend een dynamische blokplaceholder aan het stadium ​ {width="600" modal="regular"}

  3. Beweeg over de lege dynamische blokcontainer om toolbox te tonen en de Montages te kiezen ( ​ pictogram van Montages ​ {width="20"}).

    ​ Dynamische toolbox van het Blok ​ {width="600" modal="regular"}

  4. Voor geef Dynamisch Blok pagina uit, klik Select Dynamic Block en gebruik de lijst om het blok te selecteren.

    ​ Selecterend een dynamisch blok ​ {width="600" modal="regular"}

    Zoek in de lijst het dynamische blok dat u wilt invoegen en klik op Select . Klik vervolgens op Add Selected .

    ​ Selecterend een dynamisch blok in de lijst ​ {width="600" modal="regular"}

    Hieronder wordt een samenvatting van de dynamische blokinformatie weergegeven.

    ​ Dynamische Samenvatting van het Blok ​ {width="600" modal="regular"}

  5. Stel Template in op een van de volgende opties:

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Optie Beschrijving
    Dynamic Block Block Template Voegt een standalone blok toe.
    Dynamic Block Inline Template Voegt de blokinhoud in tekst in.

    ​ Dynamisch blokmalplaatje ​ {width="200"}

  6. Vul de gewenste geavanceerde instellingen in.

  7. Klik na afloop op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

Geavanceerde instellingen

  1. Kies een Alignment als u de plaatsing van het dynamische blok in de bovenliggende container wilt bepalen:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Optie Beschrijving
    Default Hiermee past u de standaardinstelling voor uitlijning toe die is opgegeven in het stijlblad van het huidige thema.
    Left Hiermee lijnt u de lijst uit langs de linkerrand van de bovenliggende container, waarbij rekening wordt gehouden met de opgegeven opvulling.
    Center Hiermee lijnt u de lijst in het midden van de bovenliggende container uit, rekening houdend met de opgegeven opvulling.
    Right Hiermee lijnt u het blok uit langs de rechterrand van de bovenliggende container, waarbij rekening wordt gehouden met de opgegeven opvulling.

  2. Stel de stijl Border in die wordt toegepast op alle vier zijden van de dynamische blokcontainer:

    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
    Optie Beschrijving
    Default Past de standaardrandstijl toe die door het bijbehorende stijlblad wordt gespecificeerd.
    None Geeft geen zichtbare indicatie van de containerranden.
    Dotted De containerrand wordt weergegeven als een stippellijn.
    Dashed De containerrand wordt weergegeven als een onderbroken lijn.
    Solid De containerrand wordt weergegeven als een effen lijn.
    Double De containerrand wordt weergegeven als een dubbele lijn.
    Groove De containerrand wordt weergegeven als een gegroefde lijn.
    Ridge De containerrand wordt weergegeven als een afgeronde lijn.
    Inset De containerrand wordt weergegeven als een inzetlijn.
    Outset De containerrand wordt weergegeven als een omtreklijn.

  3. Als u een andere randstijl dan None instelt, voert u de weergaveopties voor de rand in:

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Optie Beschrijving
    Border Color Geef de kleur op door een staal te kiezen, op de kleurkiezer te klikken of door een geldige kleurnaam of een gelijkwaardige hexadecimale waarde in te voeren.
    Border Width Voer het aantal pixels in voor de lijnbreedte van de rand.
    Border Radius Voer het aantal pixels in om de grootte te bepalen van de straal die wordt gebruikt om elke hoek van de rand te afronden.

  4. (Optioneel) Geef de namen van CSS classes op uit de huidige stijlpagina die u op de container wilt toepassen.

    Scheid meerdere klassennamen met een spatie.

  5. Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en binnenopvulling van de dynamische blokcontainer te bepalen.

    Voer de overeenkomende waarden in het diagram in.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Containergebied Beschrijving
    Margins De hoeveelheid lege ruimte die wordt toegepast op de buitenrand van alle zijden van de container. Opties: Top / Right / Bottom / Left
    Padding De hoeveelheid lege ruimte die wordt toegepast op de binnenrand van alle zijden van de container. Opties: Top / Right / Bottom / Left

Dynamische blokcontainerinstellingen bewerken

  1. Beweeg over de dynamische blokcontainer om toolbox te tonen en de pictogram van Montages te kiezen ( ​ pictogram van Montages ​ {width="20"}).

    ​ Dynamische toolbox van het Blok ​ {width="500" modal="regular"}

  2. Wijzig zo nodig het dynamische blok:

    • Klik op Select Dynamic Block.

      ​ Selecterend een ander dynamisch blok ​ {width="20"}

    • Klik in de lijst met actieve dynamische blokken op Select voor het blok dat u wilt toevoegen.

  3. Werk de overige instellingen naar wens bij.

  4. Klik na afloop op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

Een dynamisch blok dupliceren

  1. Beweeg over de dynamische blokcontainer om toolbox te tonen en te kiezen dupliceert ( ​ Dupliceer pictogram ​ {width="20"}) pictogram.

    Het duplicaat wordt net onder het origineel weergegeven.

    ​ Duplicerend een dynamisch blok ​ {width="500" modal="regular"}

  2. Om het nieuwe dynamische blok aan een verschillende positie te bewegen, beweegt zich over zijn container, en kiest dan Beweging ( ​ pictogram van de Beweging ​ {width="20"}) in toolbox.

  3. Selecteer en sleep het dynamische blok totdat de rode hulplijn op de nieuwe positie wordt weergegeven.

    De boven- en onderrand van elke container worden weergegeven als onderbroken lijnen terwijl het dynamische blok wordt verplaatst.

Een dynamisch blok uit het werkgebied verwijderen

  1. Beweeg over de dynamische blokcontainer om toolbox te tonen en te kiezen verwijder ( ​ verwijder pictogram ​ {width="20"} ).

  2. Klik op OK wanneer u wordt gevraagd om te bevestigen.

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