Shopify 如何删除此页面加载程序？

我有HTML和CSS方面的知识。但开始使用Shopify Liquid文件（不是开发）。我在我的商店里安装了一个主题，它有一个条和旋转加载程序，只在页面完全加载后才显示页面。我认为这不是一件好事，所以我想把它去掉

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

---

提前感谢

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

nprogress

”的类

以下是CSS，它专门显示一个白色页面，直到有东西将类“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;
}

根据inspector的说法，上述内容来自

资产/application.css

，它被用作一个小型文件

这些类可能是通过Javascript放置/删除的，因此如果您需要通过外科手术从主题中删除此功能，您可以删除这些CSS样式，或者查找并删除控制这些类的Javascript

---

理想情况下，你的主题在主题设置中会有一个控件，可以让你更少地打开/关闭该功能-如果你还没有打开/关闭，请确保在管理中点击主题旁边的“自定义”按钮，并查看“主题设置”下有哪些控件。如果该功能没有切换开关，您也可以尝试联系主题开发人员添加一个。

谢谢，Dave。主题开发者说，不幸的是，唯一的办法就是付钱让他们去做。它们不支持代码编辑。我试试你的建议。谢谢我尝试了你的建议，删除了CSS代码，效果很好。谢谢你是如何检查页面并发现这一点的？我使用Chrome打开开发工具，并限制网络速度以降低页面加载速度。加载页面时，我观察了元素面板，以查看是否有任何明显的事情直接发生在或元素上，或者是否有元素在标记之后立即插入/删除，因为这是查看加载屏幕的三个最常见的位置。希望这能有所帮助：）以下是对Chrome开发工具的众多介绍之一：