[linda herbst]

I love the template, but have a few questions.

Currently, the search by category and search box appear with the template. If I type “california” in the search box, all entries with “california” appear in the search result, not just those in the state of California. Also, if I type “CA” in the search field, all entries with the letters “CA” appear, including in names, cities, etc. How do I limit the search?

Ultimately, I would like the search fields, in addition to the drop down categories and general search box I currently have, to include separate fields of search by “state”, “city”, “name” and “near me”. Can you help me with how I do this? I am new to WordPress.

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ linda

RE: Currently, the search by category and search box appear with the template. If I type “california” in the search box, all entries with “california” appear in the search result, not just those in the state of California. Also, if I type “CA” in the search field, all entries with the letters “CA” appear, including in names, cities, etc.

Correct, it is a keyword search which will search many of the fields in Connections for a match.

RE: How do I limit the search?

Navigate to the Connections : Settings admin page and click the Search tab. You can limit which fields Connections will search for keyword matches.

RE: I would like the search fields, in addition to the drop down categories and general search box I currently have, to include separate fields of search by “state”, “city”, “name” and “near me”. Can you help me with how I do this?

I do have an advanced search addon which I offer to those who request it and and have purchased either the Pro Pack or Extension Pack. You can see it on this live third party site.

https://sscit.org/directory/

This site has it configured to search by multiple categories (top three drops downs), zip code radius and keyword. It can be configured to search with a single category and with a state drop down but not a city drop down (on large directories this would not scale well at all). I offer this as is in regards to styling and functionality. Though I can give some CSS to change it color from blue. You would use this in place of the search fields in Slim Plus.

If you are new to WP, configuring this could be challenging because it is embedded on the page with a shortcode and configured with shortcode options.

Not sure if this answer helps, but I hope it does!

[linda herbst]

We purchased the Pro Pack and would like the info for the advanced search addon, along with instructions for install and usage, and instructions to modify the color css. Thanks.

[Steven Zahm]

@ linda

I just emailed you the download link and instructions. Let me know if you do not receive it.

You should disable the category search and keyword search in Slim Plus by using the enable_search and enable_category_select shortcode options. Here’s an example shortcode:

[connections enable_category_select=false enable_search=false]

You add these options to the existing shortcode on the page, do not add it as a second instance.

Here is the CSS to change the color. Add it to your theme’s custom CSS area, generally found in the Customizer.

/* The following CSS are the selectors required to change the colors. */
.select2-container--sscit .select2-selection--single {
    border: 2px solid #706a0b;
}

.select2-container--sscit .select2-selection--single .select2-selection__arrow {
    background: #706a0b;
}

#cn-multi-category-search select, #cn-multi-category-search input[type=text] {
    border: 2px solid #706a0b;
}

.select2-container--sscit-radius .select2-selection--single {
    background-color: #706a0b;
    border: 2px solid #706a0b;
}

.select2-container--sscit-radius .select2-selection--single .select2-selection__arrow {
    background: #706a0b;
}

#cn-multi-category-search button#cnmcs-search-submit {
    background: #706a0b;
    border: 2px solid #706a0b;
}

.select2-container--sscit .select2-dropdown {
    border: 2px solid #706a0b;
}

.select2-container--sscit .select2-results__option--highlighted[aria-selected] {
    background-color: #706a0b;
}

.select2-container--sscit-radius .select2-dropdown {
    border: 2px solid #706a0b;
}

.select2-container--sscit-radius .select2-results__option--highlighted[aria-selected] {
    background-color: #706a0b;
}

Hope this helps, let me know.

[Author]

Posts