Media - banner

Vouw Media uit in het deelvenster Page Builder en sleep een tijdelijke aanduiding Banner naar het werkgebied.

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

De knoppen Upload Image ​en​ Select from Gallery zijn opgenomen zodat u de bannerinhoud direct vanuit het werkgebied kunt wijzigen. U kunt ook de inhoud op de Edit Banner-pagina wijzigen.

Klik in bannerplaceholder om de tekstredacteurte tonen en inhoud voor de banner in te gaan.

U kunt complexere bannerinhoud ook omvatten gebruikend de montages van de Inhoud.

Beweeg over de bannercontainer om toolbox te tonen en de Montages te kiezen ( ).

Gebruik de volgende secties voor gedetailleerde informatie over het bijwerken van de beschikbare montages:

• Appearance
• Content
• Background
• Advanced

Wanneer u klaar bent, klikt u op Save in de rechterbovenhoek om de pagina Edit Banner ​te sluiten.

Klik in de rechterbovenhoek op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

Klik op de tekst van de tijdelijke aanduiding en voer de tekst in die u op de banner wilt weergeven.

De editor-werkbalk wordt boven het tekstvak weergegeven.

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

Gebruik de editor-werkbalk om tekst in te voeren en op te maken, en om elementen in te voegen, zoals koppelingen, afbeeldingen en widgets.

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

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

Blader omlaag naar de sectie Content ​en gebruik de editor Message Text ​om bannertekst in te voeren en op te maken.

U kunt ook elementen invoegen, zoals tekstkoppelingen, afbeeldingen en widgets.

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

Geef indien nodig een Link voor de banner op.

De koppeling is de doelpagina die wordt weergegeven wanneer de klant op de bannerknop of het gebied klikt. U kunt een van de volgende drie typen koppelingen gebruiken:

• URL - Koppelingen naar een relatieve of volledig gekwalificeerde URL.
• Product - Identificeert de bestemmingspagina die op de productnaam of SKU wordt gebaseerd. Zoek het product op naam die op of een gedeeltelijke of volledige naam wordt gebaseerd. Kies het product in de lijst met zoekresultaten.
• Category - Hiermee wordt de doelpagina geïdentificeerd als een specifieke categorie of subcategorie in de categoriestructuur. Zoek de categorie op basis van een gedeeltelijke of volledige naam. Kies de categorie in het uitgebreide gedeelte van de weergegeven structuur.
• Page - Hiermee wordt de doelpagina geïdentificeerd als een specifieke inhoudspagina. Zoeken naar de pagina op basis van een gedeeltelijke of volledige naam. Kies de pagina in de lijst met zoekresultaten.

note note
NOTE
Vanaf versie 2.4.1 ondersteunt Page Builder geen koppeling meer tussen de banner en koppelingen in de geneste tekst vanwege problemen met de weergave op de winkel. Als u een koppeling gebruikt in de Message Text, kunt u de optie​_Link_ niet configureren. Als u verkiest één enkele verbinding voor de volledige banner te gebruiken, kunt u alle verbindingen uit de tekst verwijderen.
{width="200"}

Voeg zo nodig een knop toe om klanten te vragen de koppeling te volgen.

Met de instelling Weergave banner wordt één koppeling of knop onder de tekst geplaatst. Vul de eigenschappen in van de koppeling of knop die u wilt toevoegen.

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

• Stel Show Button in op een van de volgende opties:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Optie	Beschrijving
  Always	Er verschijnt altijd een knop op de banner.
  On Hover	Een knop wordt alleen op de muisaanwijzer op de banner weergegeven.
  Never Show	Er verschijnt nooit een knop op de banner.

• Voer de Button Text in die op de knop moet worden weergegeven.

• Stel Button Type in op een van de volgende opties:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Optie	Beschrijving
  Primary	Past de primaire knoopstijl van het huidige stijlblad toe.
  Secondary	Past de secundaire knoopstijl van het huidige stijlblad toe, indien van toepassing.
  Link	Maakt een hyperlink in plaats van een knop.

  De knopstijl van het huidige thema bepaalt de knopindeling. Een primaire knop heeft doorgaans een prominentere achtergrondkleur dan een secundaire knop.

Stel Show Overlay in op een van de volgende opties:

Met een bedekking kunt u een achtergrondkleur toepassen op het actieve inhoudsgebied dat wordt gedefinieerd door de instelling Appearance . De bannerachtergrondafbeelding blijft zichtbaar voor de volledige breedte van de banner.

Als u een bedekking wilt weergeven, stelt u de optie Overlay Color in:

• Klik het Geen Monster van de Kleur, en kies een monster.
• Op het Geen gebied van de Kleur, of ga een geldige kleurennaam, of hexadecimale waarde in.

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

Klik in de rechterbovenhoek op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

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

Kies een Alignment als u de horizontale plaatsing wilt bepalen van inhoudscontainers die aan de banner worden toegevoegd:

Stel de stijl Border in die op alle vier zijden van de bannercontainer wordt toegepast:

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

• 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.

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

• Border Width - Voer het aantal pixels in voor de lijnbreedte van de rand.

• Border Radius - Voer het aantal pixels in waarmee de grootte van de straal die wordt gebruikt om elke hoek van de rand te afronden, wordt gedefinieerd.

(Optioneel) Geef de namen van CSS classes op uit het huidige stijlblad dat u wilt toepassen op de bannercontainer.

Scheid meerdere klassennamen met een spatie.

Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en de binnenopvulling van de banner op te geven.

Voer elke corresponderende waarde in het diagram van de bannercontainer in.