Our Store Locator plugin has an additional search address widget that you can add anywhere on the website with the shortcode ASL_SEARCH. Furthermore, the search widget redirects to the main Store Locator with parameters fill up in the Store Locator on the load, search widget transfers the user data through the query parameters in the query string.
Below is the shortcode of the address Search Widget with its parameters.
[ASL_SEARCH category_control="1" redirect="url-of-your-store-locator-page" bg-color="#FFFFFF" btn-color="#FFF000"]The parameter redirect must be the valid URL of your Store Locator page.
How can I change the colors? #
To change the colors such as background or button, please make use of shortcode attributes bg-color and btn-color, where you can provide your color codes in hex format.
How can I Customize the Layout of the Search Widget? #
Please make a backup of the template so that your changes don’t override any updates. Moreover, to customize the layout of the search template, please follow the below steps.
1- Goto the ASL Dashboard and click on the button “Backup Template”.
2- Select “Search Widget” in the dropdown list.
3- Click on the Backup button to make the backup.
Now as we have created the backup of the template, we can do any HTML changes to the template using our “Theme Editor” by selecting the template.
Add/Remove Dropdown Controls #
Search Widget can support up to 3 dropdown filters, that you can display next to the search. The first is the category filter that is default and it can be removed by the shortcode attribute category_control=”0″.
[ASL_SEARCH category_control="0" redirect="url-of-your-store-locator-page" bg-color="#FFFFFF" btn-color="#FFF000"]To add Specialities or Brand dropdown filter you have to add them in the shortcode as given below.
[ASL_SEARCH category_control="0" redirect="url-of-your-store-locator-page" bg-color="#FFFFFF" btn-color="#FFF000" filter_ddl="special"]To add the brand and the special filter together you have to write it in comma-separated values.
[ASL_SEARCH category_control="0" redirect="url-of-your-store-locator-page" bg-color="#FFFFFF" btn-color="#FFF000" filter_ddl="brand,special"]