{"id":179,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T08:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/?post_type=faq&#038;p=179"},"modified":"2018-11-29T18:12:38","modified_gmt":"2018-11-29T18:12:38","slug":"setup","status":"publish","type":"faq","link":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/faq\/setup\/","title":{"rendered":"Setup the Store Locator"},"content":{"rendered":"[vc_row el_id=&#8221;setup&#8221; personalization_rules=&#8221;%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-21%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-21%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]\n<h3>Settings Panel<\/h3>\n<p>You can find the everything inside your Admin Panel inside Store Locator -&gt; Settings. If you can not see this menu make sure the Redux Framework plugin is installed and activated![\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;394&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][vc_column_text]\n<h3>General Settings<\/h3>\n<p>In the General settings you have to enable the plugin first. Then you should enter your Google API Key for the frontend (<a href=\"https:\/\/console.developers.google.com\/flows\/enableapi?apiid=maps_backend&amp;keyType=CLIENT_SIDE&amp;reusekey=true\" target=\"_blank\" rel=\"noopener\">get it here<\/a>). Also you could set a server side key. This will be used only when <a href=\"https:\/\/demos.welaunch.io\/wordpress-store-locator\/docs\/faq\/create-import-your-stores\/\">importing stores<\/a> without lat \/ lng to grab the latitude and longitude data from Google directly.<\/p>\n<p>Below this you can &#8230;<\/p>\n<ol>\n<li>Export all stores<\/li>\n<li>Import Stores<\/li>\n<li>Get a sample custom import file (this uses your categories \/ filter)<\/li>\n<li>Delete all stores<\/li>\n<\/ol>\n[\/vc_column_text][vc_single_image image=&#8221;384&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190569135{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Map Settings<\/h3>\n<p>First you can enable or even disable the map. Then you can set a width and select the distance unit (miles or kilometer). After this you can set some defaults: Latitude, Longitude, Map Type &amp; Map Zoom Level.<\/p>\n<p>For the radius you can set the Radius select steps splitted by comma and set a default radius. You can choose if you want to draw a radius circle and if you want to extend the map if no stores where found.<\/p>\n<p>You should set some default icons for the stores (even if you have set an icon on category or single store level). The logic for icons is the following:<\/p>\n<ol>\n<li>If a custom icon on single store is set -&gt; take this<\/li>\n<li>If a custom category icon is set:\n<ol>\n<li>If a store is only in one category -&gt; take this icon<\/li>\n<li>If a store has multiple icons, the icon only changes when a category has been choosen in frontend<\/li>\n<\/ol>\n<\/li>\n<li>If no store \/ category icon is set -&gt; take the default Icon<\/li>\n<\/ol>\n<p>At the bottom you can style the map as you like via some custom JS stylings. Examples can be taken from\u00a0https:\/\/mapstyle.withgoogle.com\/ or\u00a0https:\/\/snazzymaps.com\/[\/vc_column_text][vc_single_image image=&#8221;390&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190585407{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Infowindow Settings<\/h3>\n<p>The infowindow (when you click on a store) can be enabled or disabled. While enabled you have the option to set a custom width for the infowindow itself. Then you can specify the column layout for the details, the image and the opening hours.[\/vc_column_text][vc_single_image image=&#8221;388&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190606900{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Result List Settings<\/h3>\n<p>Enabling the result list will give you the opportunity to choose a position (left \/ right sidebar, above \/ below the map). \u00a0You can choose the result list order, the width and if you want to show the title or not.<\/p>\n<p>Furthermore you can set &#8230;<\/p>\n<ul>\n<li>a &#8220;No Results Text&#8221;<\/li>\n<li>Maximum Results<\/li>\n<li>Store Link Action<\/li>\n<li>Show Result List Icon<\/li>\n<li>Show Result List Premium Icon<\/li>\n<\/ul>\n[\/vc_column_text][vc_single_image image=&#8221;391&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190621314{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Search Box Settings<\/h3>\n<p>In the search box settings you can show the &#8220;Get my Position&#8221;-Link, show the Search Button, Search Title, Active Filter or Filters in total. Also you can set a default category filter and button text.<\/p>\n<p>Furthermore you can:<\/p>\n<ul>\n<li>Enable Auto Geolocation<\/li>\n<li>Save Auto Geolocation in Cookie<\/li>\n<li>Enable Autocomplete<\/li>\n<li>Restrict Types<br \/>\nYou may restrict results from a Place Autocomplete request to be of a certain type. If for example you want to hide the street from autocomplete search, you have to select the &#8220;Regions&#8221;<\/li>\n<li>Restrict Autocomplete to a country (2 character ISO-Codes only! You can insert for example us to limit the autocomplete to only search in United States)<\/li>\n<li>Position<\/li>\n<li>Width (in Columns)<\/li>\n<\/ul>\n[\/vc_column_text][vc_single_image image=&#8221;393&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190641672{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Loading<\/h3>\n<p>When stores are being fetched, a loading icon will be displayed. With our plugin you can totally customize the icon. Choose a new icon, color, background color and more.[\/vc_column_text][vc_single_image image=&#8221;389&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190651339{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Data to Show<\/h3>\n<p>In total you can customize 20 different data to show. In example you can specify if you want to show a store&#8217;s name, the description, website, image, opening hours &#8230;[\/vc_column_text][vc_row_inner content_placement=&#8221;bottom&#8221; css=&#8221;.vc_custom_1503303465050{margin-top: 20px !important;}&#8221;][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;395&#8243; onclick=&#8221;link_image&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;396&#8243; onclick=&#8221;link_image&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;397&#8243; onclick=&#8221;link_image&#8221;][\/vc_column_inner][\/vc_row_inner][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>WooCommerce &#8211; Store Locator Button<\/h3>\n<p>When you have a WooCommerce Shop you can show the store locator button on single product pages. Within the store locator button settings you can choose where the button should show up and how the modal should look like.[\/vc_column_text][vc_single_image image=&#8221;400&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190819028{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Default Store Values<\/h3>\n<p>Setting up default store values helps you to easily create stores, that always have the same data (like a website, country or opening hours). Just set a default value and everytime you manually create a store the defaults are filled out.[\/vc_column_text][vc_single_image image=&#8221;383&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190843887{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>Advanced Settings<\/h3>\n<p>Here you can add some custom CSS or custom JS. Also, if you have problems with the layout, you can disable Bootstrap here.[\/vc_column_text][vc_single_image image=&#8221;401&#8243; img_size=&#8221;large&#8221; onclick=&#8221;link_image&#8221; css=&#8221;.vc_custom_1504190867179{margin-top: 20px !important;}&#8221;][vc_separator css=&#8221;.vc_custom_1503299847900{margin-top: 30px !important;margin-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row]\n","protected":false},"author":1,"featured_media":0,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-179","faq","type-faq","status-publish","hentry","faq_topics-getting-started"],"_links":{"self":[{"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/faq\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":5,"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/faq\/179\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/faq\/179\/revisions\/1195"}],"wp:attachment":[{"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/media?parent=179"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/wp-json\/wp\/v2\/product_cat?post=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}