Popover Toggle

The Popover Toggle-felt er en switch, der åbner en lille popover af underordnede kontrolelementer, når den er slået til. Elementor bruger det samme mønster til sine egne valgfrie funktionsklynger og inde i Master Addons Widget Builder det gør det samme job for dine brugerdefinerede widgets: et sæt relaterede indstillinger forbliver skjult bag en vippe i stedet for at overfylde panelet med en hel ekstra sektion.

Popover Toggle understøtter Betingelser som enhver kontrol, og hvert felt inde i popover får sin egen kombinerede token, {{ toggle_field }}, gengivet af den Twig-syntaks skabelon motor. Begge guider dækker opsætning og begrænsninger.

I modsætning til et almindeligt værdifelt er Popover Toggle strukturel. Den holder selve tænd/sluk-tilstanden, og den bærer underordnede felter, hvis værdier når din skabelon under sammensatte navne. Begge halvdele af den model er dækket nedenfor med et fungerende overlejringseksempel.

Hvad Popover Toggle-feltet gør #

• Gengiver en vippe i widgettens panel med dine tænd- og sluk-etiketter.
• Åbner en popover af børnekontroller når den er slået til, defineret i feltets popover-feltliste.
• Accepterer de fleste værdifelttyper som børn, såsom farve-, tekst-, markerings- og skyderfelter.
• Udsætter skiftetilstanden til din skabelon som en sandfærdig værdi, når den er tændt, og en tom streng, når den er slukket.
• Afslører hvert barn værdi under et sammensat navn, der forbinder forældre- og undernavne med en understregning.

Hvis widgetbygning er nyt territorium, skal du læse Widget Builder oversigt first.

Før du starter #

• WordPress med Elementor installeret og aktiv.
• Master Addons til Elementor installeret og aktiv. Ny i plugin'et? Se den installationsvejledning.
• En brugerdefineret widget åben i Widget Builder editor. Vores eksempel er et billede banner widget med en valgfri farve overlay: en toggle navngivet overlay, en farve barn ved navn color.

Sådan tilføjes et Popover Toggle-felt #

Rul feltpanelet til venstre i Widget Builder-editoren, indtil du finder Popover Toggle felt, opført med de andre strukturelle felter såsom faner og repeater.

Træk den ind i en sektion under Content eller Style tab, hvor de valgfrie indstillinger end hører hjemme. Når det lander, åbnes feltets muligheder til venstre, og hovedarbejdet definerer de underordnede felter, popoveren vil indeholde.

Popover Skift feltindstillinger forklaret #

• Etiket: teksten ved siden af skiftet i Elementor, for eksempel “Overlay”.
• Navn: den unikke identifikator for f.eks. skift, bogstaver, tal og understregninger overlay. Børnenavne bygger på det, så hold det kort.
• Label On / Label Off: de to tilstande vist på kontakten, såsom “Ja” og “Nej”.
• Returværdi: værdien, der er gemt, mens skiftet er slået til, “ja” som standard. Fra gemmer en tom streng.
• Popover Fields: barnet styrer inde i popover. De fleste værdifelttyper er tilladt; vores eksempel indeholder et enkelt farvefelt med navnet color.
• Beskrivelse, Vis etiket, separator og betingelser dækker de sædvanlige visningsmuligheder.

Læs vippen og dens børn i din skabelon #

To navneregler dækker alt, hvad dette felt producerer.

Selve togglen fås under eget navn. Den udskriver returværdien, når den er tændt, og en tom streng, når den er slukket, hvilket gør den til en naturlig tilstand:

{% if overlay %} ... {% endif %}

Bemærk, at den lagrede værdi er Return Value-strengen, “ja” som standard, ikke en boolesk. Test sandhed, som eksemplet gør; sammenligning af feltet med sande aldrig matcher.

Hvert barn er tilgængelig som det overordnede navn og det underordnede navn, der er sammenføjet med en understregning. Den color barn af overlay popover bliver overlay_color. Sammenlagt ser bannerets overlejringslag sådan ud i HTML-panelet:

<div class="banner-media">
  <img src="{{ banner_image }}" alt="">
  {% if overlay %}
  <div class="banner-overlay" style="background: {{ overlay_color }}"></div>
  {% endif %}
</div>

Slå fra, ingen overlay div gengiver overhovedet. Slå til, div vises med hvilken farve redaktøren valgte. Tilføj flere børn, og hver følger det samme mønster: et barn ved navn opacity ville læse som {{ overlay_opacity }}.

Pas på: der er ingen priknotation her. {{ overlay.color }} løser til ingenting, fordi børn er fladtrykt til understregning-sammenføjede navne, ikke indlejret under forælderen. Hvis en underordnet værdi kommer ud tom, skal du kontrollere det sammensatte navn først.

Brug Popover Toggle i Elementor #

Føj widgetten til en side i Elementor, eller genindlæs editoren, hvis siden allerede var åben. Kontrolelementet vises som en mærket switch.

Slå den til, og popoveren åbnes med de underordnede kontrolelementer. I bannereksemplet vælger editoren en overlejringsfarve, laget toner ind over billedet i forhåndsvisningen, og hvis du slår skiften fra, fjernes det igen uden at miste den valgte farve.

Almindelige brugstilfælde #

• Billed- og videooverlejringer, med farve og opacitet børn bag én kontakt.
• Valgfrie badges på kort, hvor vippen viser badget, og børn sætter dets tekst og stil.
• Hover effektindstillinger det betyder kun noget, når effekten er aktiveret.
• Nedtælling eller tidsplan muligheder på bannere, der nogle gange er tidsbegrænsede.
• Sekundære knapper, holde den anden knaps tekst, link og stil ude af syne, indtil det er nødvendigt.

Tips til at arbejde med feltet Popover Toggle #

• Wrap dependent markup in {% if parent %}. Hele toggles pointe er, at børnene kun betyder noget, når den er tændt; skabelonen skal afspejle det.
• Komponer underordnede navne med en understregning. Forældre overlay plus barn color er {{ overlay_color }}, aldrig {{ overlay.color }}.
• Hold forældrenavne korte. Hvert underordnet token gentager det overordnede navn, og {{ overlay_color }} læser bedre end {{ banner_image_overlay_settings_color }}.
• Brug den til ægte valgfrie klynger. Indstillinger, som widgetten altid har brug for, hører hjemme i det åbne panel; popoveren er til nogle gange funktioner.
• Giv børn fornuftige misligholdelser. I det øjeblik, vippen tænder, skal funktionen se bevidst ud i stedet for ustillet.

Ofte stillede spørgsmål #

Indpakning #

Feltet Widget Builder Popover Toggle holder en widgets panel ærligt: hverdagens kontrolelementer forbliver synlige, og den valgfri klynge venter bag en kontakt. Led den med {% if parent %} omkring markup og understregningssammenføjede tokens til børnene, og funktionen tænder og slukker rent. For de øvrige strukturelle mønstre, se de Repeaterfelt, som håndterer lister på samme måde som dette felt håndterer valgmuligheder. Udforsk resten af Master Addons widgets og udvidelser, og se den prissætning side for hvad hver plan indeholder.