{"id":15,"date":"2024-02-07T05:41:23","date_gmt":"2024-02-07T05:41:23","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=15"},"modified":"2024-03-19T05:47:53","modified_gmt":"2024-03-19T05:47:53","slug":"customize-your-sites-preloaders","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/customize-your-sites-preloaders\/","title":{"rendered":"Customize your site\u2019s preloaders"},"content":{"rendered":"\n<p>Preloaders are buffering animations that appear when your site is loading pages, posts, or some other resources. Preloader customizations are pretty easy; you just have to do two or three simple clicks, and you&#8217;re done.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Check out video tutorial for this section<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"StoreFlex: Complete Customization Tutorial Video\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/JaOcPz3Ma9Y?start=66&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">To do so,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress dashboard and then <strong>Appearance &gt; Customize<\/strong>.<\/li>\n\n\n\n<li>After you\u2019re directed to customizer, go to <strong>General Settings, <\/strong>then <strong>Preloader<\/strong><\/li>\n\n\n\n<li>First of all, enable preloaders for your site, If somehow it have been disabled, click on <strong>Enable Preloaders<\/strong> toggle option at the top of the panel<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Preloaders-1024x554.jpg\" alt=\"StoreFlex_ Preloaders\" class=\"wp-image-90\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Preloaders-1024x554.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Preloaders-300x162.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Preloaders-768x416.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Preloaders.jpg 1105w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Logo or GIF as Preloaders<\/h3>\n\n\n\n<p>You can choose your preferred logo or GIF as your preloaders<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the drop-down menu below Preloader<strong> Choices <\/strong>and choose <strong>the logo or GIF <\/strong>option from the menu.<\/li>\n\n\n\n<li>After that, upload your <strong>logo or GIF<\/strong> to display on your website by clicking on the <strong>Select Image<\/strong> button.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"300\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Logo-or-GIF-Preloaders.jpg\" alt=\"Logo or GIF Preloaders\" class=\"wp-image-91\" style=\"width:270px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Stylish Preloaders<\/h3>\n\n\n\n<p>If you want to choose mystery themes given preloaders, then<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Default Styles <\/strong>from the drop-down menu<\/li>\n\n\n\n<li>Then you have three different options to choose from; choose as per your preference.<\/li>\n\n\n\n<li>After you\u2019ve done the selection, make sure that it is appearing in the website (<em>check it via live preview of your site<\/em>)<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"302\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Default-Preloaders.jpg\" alt=\"Default Preloaders\" class=\"wp-image-92\" style=\"width:274px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Default-Preloaders.jpg 234w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Default-Preloaders-232x300.jpg 232w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/figure>\n<\/div>\n\n\n<p>Click on the <strong>Publish <\/strong>button to save and publish your changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Preloaders are buffering animations that appear when your site is loading pages, posts, or some other resources. Preloader customizations are pretty easy; you just have to do two or three simple clicks, and you&#8217;re done. Check out video tutorial for this section To do so, Logo or GIF as Preloaders You can choose your preferred [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/15","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=15"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/15\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}