{"id":203,"date":"2024-02-13T11:18:48","date_gmt":"2024-02-13T11:18:48","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=203"},"modified":"2024-02-13T11:18:51","modified_gmt":"2024-02-13T11:18:51","slug":"preloaders-in-storeflex-pro-integrate-impressive-buffer-animations-in-your-website","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/preloaders-in-storeflex-pro-integrate-impressive-buffer-animations-in-your-website\/","title":{"rendered":"Preloaders in StoreFlex Pro: Integrate impressive buffer animations in your website."},"content":{"rendered":"\n<p>Preloaders are one of the most overlooked and underestimated features of any website. One of the major responsibilities of this feature is to provide visual feedback to the users that their requested webpage is being loaded. Aside from functionality, creative animations can help prevent users from getting distracted by anything else. <\/p>\n\n\n\n<p>Therefore, it is wise to integrate good animated preloaders into your website. StoreFlex Pro features nine different attractive and engaging preloaders that are sure to be a perfect fit for your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To add preloaders:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress dashboard<\/strong> and navigate to <strong>Appearance > Customize<\/strong><\/li>\n\n\n\n<li>Then, go to General Settings, where you&#8217;ll find the <strong>Preloaders<\/strong> option.<\/li>\n\n\n\n<li>Click on that option, then enable Pre Loader if it is disabled, and choose Default Styles from the drop-down menu below. <\/li>\n\n\n\n<li>You&#8217;ll be given nine different preloader options that you can choose from.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex-Pro_-Preloaders-1024x557.jpg\" alt=\"StoreFlex Pro_ Preloaders\" class=\"wp-image-205\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex-Pro_-Preloaders-1024x557.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex-Pro_-Preloaders-300x163.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex-Pro_-Preloaders-768x418.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex-Pro_-Preloaders.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Logo or GIF option, you can choose your own personal image (which can be an image or a GIF) as your preloader.<\/li>\n\n\n\n<li>Save your changes by clicking on the <strong>Publish <\/strong>button.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Preloaders are one of the most overlooked and underestimated features of any website. One of the major responsibilities of this feature is to provide visual feedback to the users that their requested webpage is being loaded. Aside from functionality, creative animations can help prevent users from getting distracted by anything else. Therefore, it is wise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-203","post","type-post","status-publish","format-standard","hentry","category-pro-modules"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":1,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/203\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}