Question

我了解HTML和CSS。但是开始使用Shopify Liquid Files（未开发）。我在商店中安装了一个主题，该主题具有一个酒吧和旋转加载程序，仅在页面完全加载后才显示该页面。而且我认为那不是一件好事，所以我想删除它。

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

预先感谢

Answer 1

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

以下是专门显示白页的CSS，直到某些东西在HTML元素上放置了“ nprogress-done”类：

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，该文件被用作缩小文件。

这些类可能是通过Javascript放置/删除的，因此，如果您需要从主题中手动删除此功能，则可以将那些CSS样式砍掉，或者找到并删除控制这些类的Javascript。

但是理想情况下，您的主题可以在主题设置中进行控制，以使您以较小的侵入力来打开/关闭该功能-如果尚未启用，请务必点击主题中的“自定义”按钮您的管理员，然后在“主题设置”下查看您拥有哪些控件。如果该功能没有拨动开关，您也可以尝试与主题开发人员联系以添加功能。

如何删除此页面加载器？

1 个答案: