[Resolved] Customizing the layout of the new Distance Search filter

[Author]

Posts

[davidS-53]

Just wondering if there is a template file or something I can edit to make some layout changes to the new Distance Search filter.

I want to move the "Show results with 100km" part below the Address field and button, and to make the address field bigger.

[Noman]

Hi David,

Thank you for contacting Toolset support. Please confirm the layout I have set in attached screenshot.

Please provide temporary access WP-Admin Login and FTP login info to your site. Your next answer will be private which means only you and I have access to it.

=== Please backup your database and website ===

✙ I would additionally need your permission to de-activate and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important.

✙ Please add the Link to the [View] Edit Screen and [Page] Edit Screen where you have inserted this View.

Thank you

[Luo Yang]

Dear David,

Noman isn't available currently.
I just tried the credentials you provided above, it is not valid, I get this error:
ERROR: Invalid username
Please check it, make sure it is valid
https://toolset.com/forums/topic/customizing-the-layout-of-the-new-distance-search-filter/#post-597514

and also point out the problem page URL and view URL, where we can see the screenshot you mentioned above:
hidden link

[davidS-53]

Updated secure note above. Cheers.

[Luo Yang]

Thanks for the details, I have done below modification in your website, edit the view "View all stockists on map":
hidden link
in section "Filter Editor", replace the codes from:

[wpv-control-distance default_distance="100" compare_field="retailer-address" distance_center_url_param="toolset_maps_distance_center" distance_radius_url_param="toolset_maps_distance_radius" distance_unit_url_param="toolset_maps_distance_unit"]

To:

[wpv-control-distance default_distance="100" compare_field="retailer-address" distance_center_url_param="toolset_maps_distance_center" distance_radius_url_param="toolset_maps_distance_radius" distance_unit_url_param="toolset_maps_distance_unit" inputs_placeholder='of %%CENTER%% <br />Show results within %%DISTANCE%%']

add attribute "inputs_placeholder" in it

[davidS-53]

Perfect- needed a few tweaks and some CSS but looking fine now.

[abdullahA-6]

Thank you Luo, is there any way to add the step attribute the number input in the distance filter ?
it is possible using js, but I want to do it using the filter.
thanks again

 <input type="number" step="50" value="50" min="0">