Maak een geavanceerde zoekbalk in Elementor met JetSearch

In deze tutorial laat ik je zien hoe je een geavanceerde zoekbalk met realtime resultaten kunt maken in je WordPress en Elementor Website. De plugin heet JetSearch van Crocoblock en kan gebruikt worden in je WordPress website met Elementor.

Hieronder zie je een overzicht met timestamps:

Tijdstempels JetSearch
00:00 Intro
00:11 Wat u zult leren
03:16 Krijg JetSearch van Crocoblock
05:50 JetSearch downloaden en installeren
06:13 Uw API-sleutel verkrijgen
06:36 JetSearch in Elementor importeren

De inhoud instellingen
07:06 De sectie rond JetSearch stijlen
10:11 Een categorielijst toevoegen
13:24 Zoeken op de huidige query
14:11 Aangepaste velden aan de zoekopdracht toevoegen
20:20 Het resultatengebied
24:01 Extra informatie toevoegen aan de zoekresultaten
27:10 De tekst van de melding configureren

De vormgeving van het JetSearch-element
28:04 Het zoekformulier
29:12 De invoervelden en categorielijst
29:47 Het invoerveld
31:39 De knop Verzenden
32:23 De lijst met categorieën
33:38 Het uitklapmenu voor categorieën
35:13 Het resultatengebied
37:06 De items in de resultaten
40:39 De aangepaste velden
43:07 De resultatenteller
43:32 De knop Alle resultaten
44:33 Bullets en paginering
47:23 Dank je wel

Dit kan gebruikt worden in uw WordPress website voor blog posts, pagina’s, WooCommerce producten, aangepaste post types. Voor elk type van inhoud.

Powered by BetterDocs

Geef een reactie

Your email address will not be published.