Media - schuifregelaar

Open de pagina, het blok of het dynamische blok waar u de schuifregelaar wilt plaatsen en vouw de sectie Content uit.

Vouw in het deelvenster Page Builder Media uit en sleep een tijdelijke aanduiding Slider naar een rij, kolom of tab in het werkgebied.

In het volgende voorbeeld is de achtergrondkleur van de rij geel (#fffd16).

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

De schuifregelaarcontainer wordt in het werkgebied weergegeven met één lege dia.

Klik in de schuifcontainer om de tekstredacteurte tonen en inhoud voor de eerste dia in te gaan.

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

Klik de navigatiepunt bij de bodem van de schuif om toolbox voor de individuele dia te tonen en het pictogram van Montages te kiezen ( {width="20"}).

Schuifregelaars hebben twee gereedschapskisten. Zorg ervoor dat u de dioolbox bij de bodem gebruikt.

Vul de instellingen zo nodig in volgens de volgende secties:

• Appearance
• Background
• Content
• Search Engine Optimization
• Advanced

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

Klik de navigatiepunt onder de dia om toolbox te tonen en te kiezen dupliceert ( {width="20"}) pictogram.

{width="500" modal="regular"}

Klik de navigatiepunt voor de nieuwe dia en om toolbox te tonen en te kiezen Montages ( {width="20"}).

Wijzig desgewenst de instellingen in de volgende secties:

• Appearance
• Background
• Content
• Advanced

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

Beweeg over de schuifcontainer bij de bovenkant om toolbox te tonen en te kiezen voeg toe ( {width="20"} toe) pictogram.

{width="500" modal="regular"}

Er wordt een nieuwe lege dia met een eigen navigatiepunt en gereedschapset toegevoegd aan de schuifregelaar en weergegeven in het werkgebied.

{width="500" modal="regular"}

Klik de navigatiepunt voor de nieuwe dia en om toolbox te tonen en te kiezen Montages ( {width="20"}).

Wijzig desgewenst de instellingen in de volgende secties:

• Appearance
• Background
• Content
• Advanced

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

creeer widgetdie u op een dia wilt zien.

Open de pagina, het blok of het dynamische blok waar u de schuifregelaar wilt plaatsen en vouw de sectie Content uit.

Vouw in het deelvenster Page Builder Media uit en sleep een tijdelijke aanduiding Slider naar een rij, kolom of tab in het werkgebied.

Klik in de slidercontainer om de 1} toolbar van de tekstredacteur {te tonen en Widget van het Tussenvoegsel ( ) te klikken.

Selecteer de Widget Type die u nodig hebt.

Geef de instellingen op. Deze verschillen afhankelijk van het type widget

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

Klik na voltooiing op Insert Widget in de rechterbovenhoek.

Wijzig desgewenst de andere instellingen.

Klik na voltooiing op Save in de rechterbovenhoek.

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

Wijzig de weergave van de schuifregelaar in het werkgebied en bekijk de dia die u wilt wijzigen.

Voor individuele diasoolbox, kies het pictogram van Montages ( {width="20"}) en voltooi de montages, zoals nodig, volgens volgende secties.

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

Kies een van de volgende typen diaplaatsing:

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

Voer de Slide Name in.

In de bewerkingsmodus wordt de dianaam weergegeven als knopinfo boven de navigatiepunt. De dianaam is niet zichtbaar van de storefront.

{width="500" modal="regular"}

Voer de Minimum Height in voor de dia.

De minimumhoogte kan een getal zijn met elke geldige CSS-eenheid (zoals 100px , 50% , 50em , 100vh ) of een berekening (zoals 100vh - 237px ).

U kunt bijvoorbeeld instellen dat de minimale hoogte van de dia de volledige hoogte van de pagina beslaat en vervolgens achtergrondafbeeldingen en video's gebruiken voor aantrekkelijke ontwerpopties.

Klik op de tijdelijke aanduiding of de bestaande tekst en voer de nieuwe tekst in die u op de dia wilt weergeven.

De editor-werkbalk wordt boven het tekstvak weergegeven.

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="500" modal="regular"}

Klik de navigatiepunt bij de bodem van de schuif om toolbox voor de individuele dia te tonen en het pictogram van Montages te kiezen ( {width="20"}).

Voer in de sectie Content ​de Message Text ​in die u bij de dia wilt weergeven.

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.

Maak de tekst desgewenst op met de editor-werkbalk.

De eerste dia in dit voorbeeld heeft een achtergrondafbeelding, maar geen berichttekst. De Buy 3 Get 1 Free -tekst boven de schuifregelaar bevindt zich in een tekstcontainer (later toegevoegd).

Geef indien nodig een Link voor de dia op.

De koppeling is de doelpagina die wordt weergegeven wanneer de klant op het diagebied 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.

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

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

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

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

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

Vanaf versie 2.4.1 ondersteunt Page Builder geen koppeling meer tussen de dia en koppelingen in de geneste tekst vanwege problemen met de weergave op de winkel. Als u een verbinding in _ Message Text_ gebruikt, kunt u niet de _ Link _optie vormen. Als u liever één koppeling gebruikt voor de hele dia, kunt u alle koppelingen uit de tekst verwijderen. {width="300"}

Schakel het selectievakje Open in new tab in als u wilt voorkomen dat de bezoeker uit uw winkel navigeert. Wanneer het selectievakje is uitgeschakeld, wordt de gekoppelde bestemming geopend op hetzelfde browsertabblad, waardoor de bezoeker daadwerkelijk van de winkel kan wegnavigeren.

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

De dia Verschijning positie plaatst één enkele verbinding of knoop onder de tekst. 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 dia.
  On Hover	Een knop verschijnt alleen op de dia als u de muisaanwijzer plaatst.
  Never Show	Er verschijnt nooit een knop op de dia.

• Voer de Button Text in die u op de knop wilt weergeven.

• 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 Weergave. De achtergrondafbeelding van de dia blijft zichtbaar voor de volledige breedte van de dia.

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

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

• Klik het Geen Monster van de Kleur, en kies een monster.
• Voer in het veld Color een geldige kleurnaam of een hexadecimale waarde in.

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

Kies de optie Alignment als u de horizontale plaatsing wilt bepalen van de inhoud die aan de dia wordt toegevoegd:

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

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

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

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

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 dia op te geven.

Voer elke bijbehorende waarde in het diadiagram in.

In het Page Builder paneel, breid Elements uit en sleep placeholder van de a Tekst aan een rij, een kolom, of een lusjereeks op het stadium.

Terwijl u sleept, markeert een rode hulplijn het invoegpunt boven de schuifregelaar.

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

Gebruik de editor om de tekst zo nodig op te maken.

{width="500" modal="regular"}

Beweeg over de slidercontainer om belangrijkste toolbox te tonen en de Montages te kiezen ( {width="20"}).

{width="500" modal="regular"}

Voer de Minimum Height in voor de dia.

De minimumhoogte kan een getal zijn met elke geldige CSS-eenheid (zoals 100px , 50% , 50em , 100vh ) of een berekening (zoals 100vh - 237px ).

U kunt bijvoorbeeld de minimumhoogte van een schuifregelaar zo instellen dat de volledige hoogte van de pagina wordt uitgerekt. Zo hebt u aantrekkelijke opties voor achtergrondafbeeldingen en video's van volledige pagina.

{width="400"}

Als u wilt dat de schuifregelaar begint wanneer de pagina wordt geladen, stelt u Autoplay in op Yes en stelt u Autoplay Speed in op het aantal milliseconden in de vertraging tussen de dia's.

De snelheid wordt standaard ingesteld op 4000 ms. Dit is vier seconden. Als u Automatisch afspelen instelt op No , wordt standaard de eerste dia weergegeven en moet de klant op de schuifnavigatie (punten of pijlen) klikken om de volgende dia in de juiste volgorde weer te geven.

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

Als u de overgang van de ene dia naar de andere vloeiend wilt maken, stelt u Fade in op Yes .

Met vervagen lijken de dia's op hun plaats te blijven, maar de inhoud verandert van de ene naar de andere vloeiend. Zonder vervagen ziet u de horizontale verplaatsing van de ene dia naar de volgende.

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

Als u wilt dat de diapresentatie oneindig wordt herhaald terwijl de pagina is geopend, stelt u Infinite Loop in op Yes .

Ga als volgt te werk om het type navigatie-elementen voor de schuifregelaar te kiezen:

• Om Volgende en Vorige pijlen op de linkerzijde en de rechterkant van elke dia te omvatten, plaats Show Arrows aan Yes.

• Stel Show Dots in op Yes als u een set navigatiepunten onder de schuifregelaar wilt opnemen.

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

Voltooi de Geavanceerdeslidermontages zoals nodig.

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

Kies de optie Alignment als u de positionering van de dia's binnen de bovenliggende schuifregelaarcontainer wilt bepalen:

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

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

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

Scheid meerdere klassennamen met een spatie.

Voer in pixels waarden in waarmee de buitenste marges en de binnenopvulling van de schuifregelaar worden bepaald door de Margins and Padding .

Voer de overeenkomende waarden in het diagram in.

Open de pagina waar u de schuifregelaar hebt opgenomen en stel Enable Page in op Yes .

Klik in de rechterbovenhoek op de pijl Save en kies Save & Close .

Vind de pagina in het Net van Pagina's en selecteer View in de Action ​kolom.

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

Wanneer u de schuifregelaar voorvertoont, wijzigt u de grootte van het venster, zodat u kunt zien hoe het op een mobiel apparaat wordt weergegeven.

{width="400" modal="regular"}