{"id":689,"date":"2019-07-18T03:25:38","date_gmt":"2019-07-18T03:25:38","guid":{"rendered":"http:\/\/angelwings.net\/blog\/?p=689"},"modified":"2019-07-18T03:25:38","modified_gmt":"2019-07-18T03:25:38","slug":"prestashop-layered-navigation-block-auto-scroll-to-products","status":"publish","type":"post","link":"https:\/\/angelwings.net\/blog\/prestashop-layered-navigation-block-auto-scroll-to-products\/","title":{"rendered":"Prestashop: Layered Navigation Block &#8211; Auto Scroll to Products"},"content":{"rendered":"<p>Source: https:\/\/www.prestashop.com\/forums\/topic\/347990-layered-navigation-block-auto-scroll-to-products\/<\/p>\n<p>js file under &#8220;\/themes\/themename\/js\/modules\/blocklayered&#8221; called &#8220;blocklayered.js&#8221;<\/p>\n<p>Solution 1:<\/p>\n<p>Replace :<\/p>\n<pre class=\"ipsCode prettyprint prettyprinted\"><span class=\"pln\">$<\/span><span class=\"pun\">.<\/span><span class=\"pln\">scrollTo<\/span><span class=\"pun\">(<\/span><span class=\"str\">'.product_list'<\/span><span class=\"pun\">,<\/span> <span class=\"lit\">400<\/span><span class=\"pun\">);<\/span><\/pre>\n<p>by<\/p>\n<pre class=\"ipsCode prettyprint prettyprinted\"><span class=\"pln\">$<\/span><span class=\"pun\">.<\/span><span class=\"pln\">scrollTo<\/span><span class=\"pun\">(<\/span><span class=\"str\">'product_list'<\/span><span class=\"pun\">,<\/span> <span class=\"lit\">0<\/span><span class=\"pun\">);<\/span> <span class=\"com\">\/\/stop the scroll<\/span><\/pre>\n<p>or<\/p>\n<pre class=\"ipsCode prettyprint prettyprinted\"><span class=\"pln\">$<\/span><span class=\"pun\">.<\/span><span class=\"pln\">scrollTo<\/span><span class=\"pun\">(<\/span><span class=\"str\">'body'<\/span><span class=\"pun\">,<\/span> <span class=\"lit\">0<\/span><span class=\"pun\">);<\/span> <span class=\"com\">\/\/ brings to the top of the page instantly.<\/span><\/pre>\n<p>Solution 2:<\/p>\n<pre class=\"ipsCode prettyprint prettyprinted\"><span class=\"kwd\">\/\/if<\/span><span class=\"pun\">(<\/span><span class=\"pln\">slideUp<\/span><span class=\"pun\">)<\/span><span class=\"pln\">\n\t\/\/$<\/span><span class=\"pun\">.<\/span><span class=\"pln\">scrollTo<\/span><span class=\"pun\">(<\/span><span class=\"str\">'.product_list'<\/span><span class=\"pun\">,<\/span> <span class=\"lit\">400<\/span><span class=\"pun\">);<\/span><span class=\"pln\">\n\/\/updateProductUrl<\/span><span class=\"pun\">();<\/span><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Source: https:\/\/www.prestashop.com\/forums\/topic\/347990-layered-navigation-block-auto-scroll-to-products\/ js file under &#8220;\/themes\/themename\/js\/modules\/blocklayered&#8221; called &#8220;blocklayered.js&#8221; Solution 1: Replace : $.scrollTo(&#8216;.product_list&#8217;, 400); by $.scrollTo(&#8216;product_list&#8217;, 0); \/\/stop the scroll or $.scrollTo(&#8216;body&#8217;, 0); \/\/ brings to the top of the page instantly. Solution 2: \/\/if(slideUp) \/\/$.scrollTo(&#8216;.product_list&#8217;, 400); \/\/updateProductUrl(); &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,18],"tags":[103],"class_list":["post-689","post","type-post","status-publish","format-standard","hentry","category-ecommerce","category-modules","tag-prestashop"],"_links":{"self":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/posts\/689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/comments?post=689"}],"version-history":[{"count":0,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/posts\/689\/revisions"}],"wp:attachment":[{"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/media?parent=689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/categories?post=689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/angelwings.net\/blog\/wp-json\/wp\/v2\/tags?post=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}