DocumentatieCommercePage Builder

Inhoud toevoegen - Blokkeren

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

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Gebruiker

Gebruik het inhoudstype van het Blok om een bestaand, actief blokaan het Page Builder stadiumtoe te voegen. In het volgende voorbeeld bevat de eerste kolom het blok met een zijmenu voor de pagina. De tweede kolom bevat een afbeelding.

Blok met een zijmenu

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

Gereedschap Blok

Gereedschap
Pictogram
Beschrijving
Verplaatsen
pictogram van de Beweging
Verplaatst de blokcontainer en de inhoud ervan naar een andere positie in het werkgebied.
Instellingen
pictogram van Montages
Hiermee opent u de pagina Blok bewerken, waarin u het blok kunt kiezen en de eigenschappen van de container kunt wijzigen.
Verbergen
het pictogram van de Huid
Hiermee verbergt u de huidige blokcontainer en de inhoud ervan.
Tonen
toon pictogram
Toont de verborgen blokcontainer en de inhoud ervan.
Dupliceren
Dupliceer pictogram
Hiermee maakt u een kopie van de blokcontainer en de inhoud ervan.
Verwijderen
verwijder pictogram
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 blok toevoegen

  1. Navigeer naar de werkruimte Page Builder op de doelpagina, het blok, het dynamische blok, het product of de categorie.

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

    slepend een blok op het stadium {width="600" modal="regular"}

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

  4. Klik op Select Block.

    Selecterend een blok {width="200"}

  5. Klik in de rij van het blok dat u wilt toevoegen op Select in de laatste kolom.

    Geselecteerd blok {width="600" modal="regular"}

    De naam van het geselecteerde blok verschijnt op de pagina.

    de naam van het Blok {width="200"}

  6. Vul de overige instellingen naar wens in en gebruik de veldbeschrijvingen aan het einde van deze pagina ter referentie.

  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 blok binnen 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 een Border -stijl in die wordt toegepast op alle vier zijden van de 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 de binnenopvulling van de 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

Blokinstellingen bewerken

  1. Beweeg over de blokcontainer en kies het pictogram van Montages ( pictogram van Montages {width="25"}) in toolbox.

    Toolbox van het Blok {width="600" modal="regular"}

  2. Klik op Select Block om een ander blok te kiezen.

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

  3. Werk de overige instellingen naar wens bij en gebruik de veldbeschrijvingen aan het einde van deze pagina ter referentie.

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

Een blok dupliceren

  1. Beweeg over de blokcontainer om toolbox te tonen en te kiezen dupliceert ( Dupliceer pictogram ) pictogram.

    Het duplicaat wordt net onder het origineel weergegeven.

  2. Om het nieuwe blok aan een nieuwe positie te bewegen, beweegt over de container, en klikt dan Beweging ( pictogram van de Beweging ) in toolbox.

  3. Selecteer en sleep het 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 blok wordt verplaatst.

Een blok uit het werkgebied verwijderen

  1. Beweeg over de blokcontainer om toolbox te tonen en te kiezen verwijder ( verwijder pictogram ).

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

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