{"id":231,"date":"2018-01-30T04:29:50","date_gmt":"2018-01-30T04:29:50","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=231"},"modified":"2022-12-01T04:34:41","modified_gmt":"2022-12-01T04:34:41","slug":"exclude-specific-internal-links","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/smooth-page-transition\/exclude-specific-internal-links\/","title":{"rendered":"Exclude specific internal links"},"content":{"rendered":"<p>You can exclude some internal links from Smooth Page Transition feature. This is a new featured added since v1.1.5.<\/p>\n<p><strong>When to use it:<\/strong><\/p>\n<p>There might be some internal links you would like to disable this feature when click on them. For example, there are some links on an online shop: &#8220;Add to Cart&#8221;, &#8220;Add to Wishlist&#8221;, etc. When clicking on these link, it will load content by using AJAX instead of taking the user to a different page. For these kind of links, you need to exclude them from triggering the Smooth Page Transition feature.<\/p>\n<p><strong>How to use it:<\/strong><\/p>\n<ul>\n<li>In the LoftLoader Pro settings panel, please go to <strong>Smooth Page Transition<\/strong> &gt; <strong>Elements not trigger Smooth Page Transition<\/strong>\u00a0&gt; find &#8220;<strong>Links excluded from Smooth Page Transition<\/strong>&#8221; box.<\/li>\n<li>You will need to give these internal links a class name, then use this class name to find and exclude these links.<\/li>\n<li>You can also use ids or names to exclude these links.<\/li>\n<li>Separate each &lt; a &gt; link by comma when entering in the field.<\/li>\n<\/ul>\n<p>For example:<\/p>\n<p>a.link-class-name, div.parent-container-class-name a, a#link-id-name, a[href*=\u201cpart-of-url\u201d], a[name=\u201cexclude-link-name\u201d]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-785\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4.png\" alt=\"\" width=\"2210\" height=\"1588\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4.png 2210w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4-300x216.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4-1024x736.png 1024w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4-768x552.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4-1536x1104.png 1536w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-4-2048x1472.png 2048w\" sizes=\"auto, (max-width: 2210px) 100vw, 2210px\" \/><\/p>\n<p>You can use Google Chrome Developer Tool to locate a link on the page, and find its class name. For example:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-474\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/10\/find-a-link-on-page.jpg\" alt=\"\" width=\"1800\" height=\"970\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/10\/find-a-link-on-page.jpg 1800w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/10\/find-a-link-on-page-300x162.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/10\/find-a-link-on-page-768x414.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/10\/find-a-link-on-page-1024x552.jpg 1024w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<p>Please read the following documentation for more details:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/open\" target=\"_blank\" rel=\"noopener noreferrer\">Open Chrome Dev Tool<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/dom\/\" target=\"_blank\" rel=\"noopener noreferrer\">View and change the DOM<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can exclude some internal links from Smooth Page Transition feature. This is a new featured added since v1.1.5. When to use it: There might be some internal links you would like to disable this feature when click on them. For example, there are some links on an online shop: &#8220;Add to Cart&#8221;, &#8220;Add to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":117,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":790,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/231\/revisions\/790"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/117"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}