{"id":795,"date":"2022-12-01T09:47:48","date_gmt":"2022-12-01T09:47:48","guid":{"rendered":"https:\/\/loftocean.com\/doc\/loftloader\/?page_id=795"},"modified":"2022-12-01T09:49:46","modified_gmt":"2022-12-01T09:49:46","slug":"trigger-on-buttons-beta","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/smooth-page-transition\/trigger-on-buttons-beta\/","title":{"rendered":"Trigger on Buttons (BETA)"},"content":{"rendered":"\n<p>By default, the &#8220;Smooth Page Transition&#8221; feature only works on internal links (&lt; a >), not on JavaScript-driven buttons ().<\/p>\n\n\n\n<p>Since each website may use JavaScript-driven buttons to achieve different goals (such as clicking the button to pop up a subscription form or banner ad, or refreshing only a part of a page via AJAX, etc.), it is very complicated to detect if a button is used to link to another internal page of a website.<\/p>\n\n\n\n<p>With requests and suggestions from users, we have currently (maybe) found a way to make this feature work on specific buttons. That is, in a similar way to excluding specific internal links, let users manually select some buttons to trigger this feature.<\/p>\n\n\n\n<p>In the settings panel, please navigate to &#8220;<strong>Smooth Page Transition<\/strong>&#8221; > &#8220;<strong>Trigger on Buttons (BETA)<\/strong>&#8220;, you can use class name(s) to locate the buttons. You can also use ids. Please refer to the screenshot below.<\/p>\n\n\n\n<p><strong>Please kindly note that this is still a beta version. Please use with caution.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2210\" height=\"1588\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3.png\" alt=\"\" class=\"wp-image-784\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3.png 2210w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3-300x216.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3-1024x736.png 1024w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3-768x552.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3-1536x1104.png 1536w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-3-2048x1472.png 2048w\" sizes=\"auto, (max-width: 2210px) 100vw, 2210px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>By default, the &#8220;Smooth Page Transition&#8221; feature only works on internal links (&lt; a >), not on JavaScript-driven buttons (). Since each website may use JavaScript-driven buttons to achieve different goals (such as clicking the button to pop up a subscription form or banner ad, or refreshing only a part of a page via AJAX, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":117,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-795","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/795","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=795"}],"version-history":[{"count":3,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/795\/revisions"}],"predecessor-version":[{"id":798,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/795\/revisions\/798"}],"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=795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}