Theme anpassen Suchfeld Form durch ajax suche ersetzen

Hallo Leute

leider habe ich ein Theme gekauft dass sich nur sehr schwer anpassen lässt für einen php amateur wie mich css kann ich einigermassen jedoch möchte ich hier ins Thema direkt eingreifen und eine suche durch mein ajax search pro ersetzen.

'.$section_tagline.'
[COLOR=#ff0000] <div class="form-group">
<input type="text" class="form-control" name="job_title" placeholder="'.esc_html__('Search here','nokri').'">
<button type="submit"><i class="ti-search"></i> </button>
</div>[/COLOR]
<div class="categories-icons">

den Betreffenden code habe ich hier Markiert nur leider kriege ich diesen shortcode einfach nicht aus definiert

[wd_asp id=2]¨

wäre cool wenn jemand so etwas schon mal ausdefiniert hat und mir hilft

Wenn ich den so einfüge an dieser stelle zeigt es einen fehler an so weit war ich auch schon wo liegt der fehler was meinst du?

Die Website weist technische Schwierigkeiten auf. antwort

ich habe sie hochgeladen allerdings als txt da php nicht hochladbar ist. ich denke es müsste in den roten bereich rein allerdings mein php ist schlecht :(

$bgImageURL = nokri_returnImgSrc( $section_img );
$bg_img = ( $bgImageURL != "" ) ? ' \\s\\t\\y\\l\\e="background: url('.$bgImageURL.') no-repeat scroll center center / cover;"' : "";
}
return '<section class="main-section-category" '.str_replace('\\',"",$bg_img).'>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-8 col-xs-12 ">
<div class="main-cat-detail-box">
'.$section_heading.'
<hr>
<div class="clearfix"></div>
'.$section_tagline.'
<form method="get" action="'.get_the_permalink($nokri['sb_search_page']).'">
[COLOR=#ff0000]<div class="form-group">
<input type="text" class="form-control" name="job_title" placeholder="'do_shortcode([wd_asp id=2]).'">
<button type="submit"><i class="ti-search"></i> </button>
</div>
</form>[/COLOR]
<div class="categories-icons">
<div class="featured-cat owl-carousel owl-theme">
'.$cats_html.'
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cat-tabs bg-white">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-12 col-xs-12">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading">
<!-- Tabs -->
<ul class="nav panel-tabs">
'.$tabs_html.'
</ul>
</div>
</div>
<div class="panel-body">
<div class="tab-content">
'.$tabs_content.'
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="featured-job-slider-sidebar">
'.$slider_title.'
<div class="featured-job-slider owl-carousel owl-theme">
'.$slider_html.'
</div>
</div>
</div>
</div>
</div>
</section>';
}

funktioniert leider wieder nicht :(

Siehe Darstellung falsch sollte aussehen und funktionieren wie bei darstellungs bild
https://personal.mein-taxi.ch/

und ja die ajax suche bringt voll was da bei einer suche die Ergebnisse mit bild und text gezeigt werde vor allem bei einer Job Plattform erhöht dies die usability der Page :)

also eigentlich kleines Problem riesen Aufwand möchte lediglich die Suchleiste durch eine ajax Suchleiste austauschen

Die Ajaxsuche ist perfekt eingestellt. Diesbezüglich kein Thema.
Meine problem ist lediglich die Implementierung dieser suche an diese stelle und leider gibt mir der Theme hersteller diesbezüglich keine Hilfe Themeforest halt.

Aus diesem Grund wende ich mich als letzten Ausweg sozusagen an ein Forum :(

[COLOR=#ff0000]der Placeholder ist für mich nicht wichtig[/COLOR] [COLOR=#00b300]sondern einfach die Anzeige eines Shortcodes an einer bestimmten stelle in einem php scripts[/COLOR]

aber was wäre dann sinvoll als ... ???

ich dachte es müsste in etwa so aussehen [COLOR=#ff0000]Kann doch nicht so schwer sein ;([/COLOR]

<div class="shortcode"></div>
                              echo do_shortcode('[wd_asp elements='search,settings,results' ratio='100%,33%,80%' id=2]');
                            </div>

In etwa so html würde ja auch gehen

einfach mein <shortcode>[wd_asp elements='search,settings,results' ratio='100%,33%,80%' id=2]</shortcode>