如何删除此页面加载器？

Question

我有 HTML 和 CSS 方面的知识。但开始使用 Shopify Liquid Files（未开发）。我在我的商店中安装了一个主题，它有一个栏和旋转加载器，仅在页面完全加载后才显示该页面。我认为这不是一件好事，所以我想删除它。

我在页面源代码和一些文件中进行了搜索，我发现的唯一加载程序是来自图像延迟加载的加载程序。你能告诉我在哪里可以找到页面加载器以及如何删除它吗？

提前致谢

Answer 1

您页面上的加载程序似乎基于某人为您的主题构建的功能，该功能使用 classes，其中包含前缀“nprogress”

这是 CSS，它专门显示一个白页，直到某些东西将 class 'nprogress-done' 放在 HTML 元素上：

html.nprogress-done::before {
    display: none;
}
html::before {
    content: '';
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

根据检查员的说法，以上内容来自 assets/application.css，正在作为缩小文件提供。

classes 可能是 placed/removed 通过 Javascript，所以如果你需要从你的主题中手术删除这个功能，你可以砍掉那些 CSS 样式或者找到并删除控制那些 classes 的 Javascript。

不过，理想情况下，您的主题应该在主题设置中有一个控件，可以让您以更小的方式关闭该功能 on/off - 如果您还没有，请务必点击 'Customize'在您的管理员中您的主题旁边的按钮，并检查您在 'Theme Settings' 下有哪些控件。如果该功能没有切换开关，您也可以尝试联系主题开发人员添加一个。

如何删除此页面加载器？

How to remove this page loader?

liquid

shopify