{"id":1483,"date":"2017-11-12T18:31:18","date_gmt":"2017-11-12T18:31:18","guid":{"rendered":"https:\/\/docs.storelocatorplus.com\/?p=1483"},"modified":"2017-11-12T18:31:18","modified_gmt":"2017-11-12T18:31:18","slug":"scroll-to-map","status":"publish","type":"post","link":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/","title":{"rendered":"Scroll To Map"},"content":{"rendered":"<p>By adding the scroll_to_map class on any of the Results Layout HTML elements, WordPress <a href=\"https:\/\/my.storelocatorplus.com\/signup\/?signupplan=orange\">Premier<\/a> or <a href=\"https:\/\/my.storelocatorplus.com\/signup\/?signupplan=orange\">MySLP Enterprise<\/a> subscribers can enable the scroll to map functionality on any Store Locator Plus plugin style. \u00a0 \u00a0When the class has been added to an element in the results layout that element becomes clickable. \u00a0Clicking that element will scroll the map back into view and open the map marker and info bubble for the location that was clicked.<\/p>\n<p>We have used this feature in the new Bennett plugin style.<\/p>\n<p>To add the feature to other styles you will need to have the Premier plugin installed for WordPress. Under Settings\/Map in the functionality section see the check box ,<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8974\" src=\"http:\/\/documentation.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/2020-06-12_scrollwheel-to-zoom-300x155.jpg\" alt=\"\" width=\"300\" height=\"155\" srcset=\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/2020-06-12_scrollwheel-to-zoom-300x155.jpg 300w, https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/2020-06-12_scrollwheel-to-zoom-1024x529.jpg 1024w, https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/2020-06-12_scrollwheel-to-zoom-768x397.jpg 768w, https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/2020-06-12_scrollwheel-to-zoom.jpg 1200w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>For MySLP Enterprise users the feature is already enabled.<\/p>\n<p>Go to Store Locator Plus (MySLP) or Store Locator Plus (WPSLP) | Settings | Results | Results Layout.<\/p>\n<figure id=\"attachment_1484\" aria-describedby=\"caption-attachment-1484\" style=\"width: 942px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1484\" src=\"http:\/\/documentation.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/Results-Layout.png\" alt=\"Results Layout With Scroll To Map\" width=\"942\" height=\"378\" srcset=\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/Results-Layout.png 942w, https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/Results-Layout-300x120.png 300w, https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/Results-Layout-768x308.png 768w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><figcaption id=\"caption-attachment-1484\" class=\"wp-caption-text\">Results Layout With Scroll To Map<\/figcaption><\/figure>\n<p>Edit the layout and add scroll_to_map to an existing class on an html element you want to trigger the scrolling feature or add class=&#8221;scroll_to_map&#8221; if the HTML element does not have a class assigned.<\/p>\n<p><iframe title=\"2017-11-12_12-30-48-mp4\" width='720' height='406' src='https:\/\/videopress.com\/embed\/L5XKCemB?hd=1' frameborder='0' allowfullscreen><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1435166243'><\/script><\/p>\n<p><a href=\"https:\/\/docs.storelocatorplus.com\/products-and-services\/premier\/\">Learn more about other Premier \/ Enterprise features<\/a>\u00a0like the new <a href=\"https:\/\/docs.storelocatorplus.com\/blog\/category-button-bar\/\">Category Button Bar<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By adding the scroll_to_map class on any of the Results Layout HTML elements, WordPress Premier or MySLP Enterprise subscribers can enable the scroll to map functionality on any Store Locator Plus plugin style. \u00a0 \u00a0When the class has been added&#x2026; <\/p>\n<div class=\"more-link-container\"><a href=\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\" class=\"more-link\">Read More <span class=\"screen-reader-text\">Scroll To Map<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":1485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[60,180,186,201,214,229,232,233,283,324,346,349,358,379,399,450,517,562,622],"class_list":["post-1483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-premier-enterprise","tag-address-map","tag-embed-google-map","tag-enterprise","tag-features","tag-functionality","tag-google-maps","tag-google-maps-multiple-destinations","tag-google-maps-multiple-stops","tag-javascript","tag-location-map","tag-map-customizer","tag-map-generator","tag-map-tools","tag-maps","tag-near-me","tag-premier","tag-search-on-map-move","tag-store-locator","tag-user-experience"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Scroll To Map - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scroll To Map - Documentation\" \/>\n<meta property=\"og:description\" content=\"By adding the scroll_to_map class on any of the Results Layout HTML elements, WordPress Premier or MySLP Enterprise subscribers can enable the scroll to map functionality on any Store Locator Plus plugin style. \u00a0 \u00a0When the class has been added&#x2026; Read More Scroll To Map\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/storelocatorplus\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-12T18:31:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"lcleveland\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@locatorplus\" \/>\n<meta name=\"twitter:site\" content=\"@locatorplus\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"lcleveland\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\"},\"author\":{\"name\":\"lcleveland\",\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#\/schema\/person\/0d0c45d37e1601d29d1ca42523da0e5d\"},\"headline\":\"Scroll To Map\",\"datePublished\":\"2017-11-12T18:31:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\"},\"wordCount\":214,\"publisher\":{\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png\",\"keywords\":[\"address map\",\"embed google map\",\"Enterprise\",\"features\",\"functionality\",\"Google Maps\",\"google maps multiple destinations\",\"google maps multiple stops\",\"javascript\",\"location map\",\"map customizer\",\"map generator\",\"map tools\",\"Maps\",\"near me\",\"Premier\",\"search-on-map-move\",\"store locator\",\"user experience\"],\"articleSection\":[\"Enterprise\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\",\"url\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\",\"name\":\"Scroll To Map - Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png\",\"datePublished\":\"2017-11-12T18:31:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage\",\"url\":\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png\",\"contentUrl\":\"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png\",\"width\":800,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/documentation.storelocatorplus.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scroll To Map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#website\",\"url\":\"https:\/\/documentation.storelocatorplus.com\/\",\"name\":\"Documentation\",\"description\":\"for Store Locator Plus\u00ae\",\"publisher\":{\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/documentation.storelocatorplus.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#organization\",\"name\":\"Store Locator Plus\u00ae\",\"url\":\"https:\/\/documentation.storelocatorplus.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/docs.storelocatorplus.com\/wp-content\/uploads\/2016\/09\/SLP-Superman-Logo-512x.png?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/docs.storelocatorplus.com\/wp-content\/uploads\/2016\/09\/SLP-Superman-Logo-512x.png?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512,\"caption\":\"Store Locator Plus\u00ae\"},\"image\":{\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/storelocatorplus\/\",\"https:\/\/x.com\/locatorplus\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/documentation.storelocatorplus.com\/#\/schema\/person\/0d0c45d37e1601d29d1ca42523da0e5d\",\"name\":\"lcleveland\",\"url\":\"https:\/\/docs.storelocatorplus.com\/author\/lcleveland\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scroll To Map - Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/","og_locale":"en_US","og_type":"article","og_title":"Scroll To Map - Documentation","og_description":"By adding the scroll_to_map class on any of the Results Layout HTML elements, WordPress Premier or MySLP Enterprise subscribers can enable the scroll to map functionality on any Store Locator Plus plugin style. \u00a0 \u00a0When the class has been added&#x2026; Read More Scroll To Map","og_url":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/","og_site_name":"Documentation","article_publisher":"https:\/\/www.facebook.com\/storelocatorplus\/","article_published_time":"2017-11-12T18:31:18+00:00","og_image":[{"width":800,"height":200,"url":"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png","type":"image\/png"}],"author":"lcleveland","twitter_card":"summary_large_image","twitter_creator":"@locatorplus","twitter_site":"@locatorplus","twitter_misc":{"Written by":"lcleveland","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#article","isPartOf":{"@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/"},"author":{"name":"lcleveland","@id":"https:\/\/documentation.storelocatorplus.com\/#\/schema\/person\/0d0c45d37e1601d29d1ca42523da0e5d"},"headline":"Scroll To Map","datePublished":"2017-11-12T18:31:18+00:00","mainEntityOfPage":{"@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/"},"wordCount":214,"publisher":{"@id":"https:\/\/documentation.storelocatorplus.com\/#organization"},"image":{"@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png","keywords":["address map","embed google map","Enterprise","features","functionality","Google Maps","google maps multiple destinations","google maps multiple stops","javascript","location map","map customizer","map generator","map tools","Maps","near me","Premier","search-on-map-move","store locator","user experience"],"articleSection":["Enterprise"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/","url":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/","name":"Scroll To Map - Documentation","isPartOf":{"@id":"https:\/\/documentation.storelocatorplus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage"},"image":{"@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png","datePublished":"2017-11-12T18:31:18+00:00","breadcrumb":{"@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.storelocatorplus.com\/scroll-to-map\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#primaryimage","url":"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png","contentUrl":"https:\/\/docs.storelocatorplus.com\/wp-content\/uploads\/2017\/11\/field_and_pond.png","width":800,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/docs.storelocatorplus.com\/scroll-to-map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentation.storelocatorplus.com\/"},{"@type":"ListItem","position":2,"name":"Scroll To Map"}]},{"@type":"WebSite","@id":"https:\/\/documentation.storelocatorplus.com\/#website","url":"https:\/\/documentation.storelocatorplus.com\/","name":"Documentation","description":"for Store Locator Plus\u00ae","publisher":{"@id":"https:\/\/documentation.storelocatorplus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documentation.storelocatorplus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/documentation.storelocatorplus.com\/#organization","name":"Store Locator Plus\u00ae","url":"https:\/\/documentation.storelocatorplus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/documentation.storelocatorplus.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/docs.storelocatorplus.com\/wp-content\/uploads\/2016\/09\/SLP-Superman-Logo-512x.png?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/docs.storelocatorplus.com\/wp-content\/uploads\/2016\/09\/SLP-Superman-Logo-512x.png?fit=512%2C512&ssl=1","width":512,"height":512,"caption":"Store Locator Plus\u00ae"},"image":{"@id":"https:\/\/documentation.storelocatorplus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/storelocatorplus\/","https:\/\/x.com\/locatorplus"]},{"@type":"Person","@id":"https:\/\/documentation.storelocatorplus.com\/#\/schema\/person\/0d0c45d37e1601d29d1ca42523da0e5d","name":"lcleveland","url":"https:\/\/docs.storelocatorplus.com\/author\/lcleveland\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/posts\/1483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/comments?post=1483"}],"version-history":[{"count":0,"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/posts\/1483\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/media\/1485"}],"wp:attachment":[{"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/media?parent=1483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/categories?post=1483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.storelocatorplus.com\/wp-json\/wp\/v2\/tags?post=1483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}