[Resolved] I cant able to make different search result page, I am using elementor

[Author]

Posts

[annaB-6]

Tell us what you are trying to do?
I am building the page using elementor and Astra theme and I want to make custom search, on page A (home page) there should be the only search, and I build another page (B) with search results to show, but I am unable to connect them. after clicking search on page A it should be redirecting to page B.

Is there any documentation that you are following?
yes I am following the mentioned documentation in your forums
https://toolset.com/course-lesson/creating-a-custom-search/#displaying-custom-search

Is there a similar example that we can see?

What is the link to your site?
hidden link

[Christian Cox]

Hello, the best way to display search filters and results separately in an Elementor design is to use Views shortcodes. You can insert Views shortcodes in an Elementor design using a Text element. You will need to know the View's slug, and the numeric ID of the Page where you want to display the results. To insert the filters, you can use this shortcode format:

[wpv-form-view name="view-slug" target_id="123"]

Replace view-slug with the slug of the custom search View. Replace 123 with the numeric ID of the Page where you want to display the results.

To insert only the View results in a Page, you can use this shortcode format:

[wpv-view name="view-slug" view_display="layout"]

Replace view-slug with the slug of the custom search View.

Please let me know if you have questions about this, and I can give you more guidance.

[annaB-6]

My issue is resolved now. Thank you!

[annaB-6]

Question 1: I applied this code under my results page 1
[wpv-view name="view-slug" view_display="layout"]

but I need only one result to be shown,

Question 2: I am facing problem using DIV tag on Search Bar after using div it is getting shrunk. how to restore its 100% size.

Code:
<----------------------------------------------------------------------------------------------------------------->
[wpv-filter-start hide="false"]
[wpv-filter-controls]

<div class="form-group">

<div class="form-group1">
<label class="label_name" for="wpv-post-search">[wpml-string context="wpv-views"]Search by Full Name [/wpml-string]</label>
[wpv-filter-search-box placeholder="Full Name" output="bootstrap" style="width: 100%;"]
<div class="btn_gap">[wpv-filter-submit output="bootstrap" class="btn-secondary"]</div>

</div>

<div class="form-group2">
<label class="label_name" for="wpv-wpcf-company-name">[wpml-string context="wpv-views"]Search by Company Name [/wpml-string]</label>
[wpv-control-postmeta type="textfield" field="wpcf-company-name" url_param="wpv-wpcf-company-name" placeholder="Company Name" style="width: 100%;"]
<div class="btn_gap">[wpv-filter-submit output="bootstrap" class="btn-secondary"]</div>
</div>

</div>

[wpv-filter-end]

<----------------------------------------------------------------------------------------------------------------->

CSS Code
<----------------------------------------------------------------------------------------------------------------->
.label-name {
color: white;
margin: auto;
}
.form-group {
display: flex;
align-items: stretch;
justify-content: center;

}

.form-group > div {
margin: 50px;
}

.form-group1 {
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 15px;
}

.form-group1 > .label_name {
margin : 15px;
color: white;
}

.form-group1 > .btn_gap {
margin : 15px;
}

.form-group2 {
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 15px;
}

.form-group2 > .label_name {
margin : 15px;
color: white;
}

.form-group2 > .btn_gap {
margin : 15px;
}

<----------------------------------------------------------------------------------------------------------------->

Please help me out where I am wrong.

New threads created by Christian Cox and linked to this one are listed below:

https://toolset.com/forums/topic/only-display-one-item-in-search-results/

https://toolset.com/forums/topic/make-search-input-100-width/

[annaB-6]

Please check image below, search bar got shrunk after applying DIV tags

[Christian Cox]

I've split your new questions into separate tickets.