Woocommerce 响应式加载器微调器答案

【问题标题】：Woocommerce Responsive Loader SpinnerWoocommerce 响应式加载器微调器
【发布时间】：2021-01-17 11:40:11
【问题描述】：

我尝试使用 100% 纯 CSS 加载器，它有效！但它没有响应。
有一个 JQuery 函数可以生成加载加载器的 DIV 结构，在微调器加载后，所有的都消失了

如果我没记错的话，这是生成加载器的库上的脚本块

if (opts.theme)
 lyr2 = $('<div class="blockUI blockOverlay ui-widget-overlay" style="z-index:'+ (z++) +';display:none"></div>');
else
 lyr2 = $('<div class="blockUI blockOverlay" style="z-index:'+ (z++) +';display:flex; background:red;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0"></div>');

这是脚本块的文件路径 \wp-content\plugins\woocommerce\assets\js\jquery-blockui\jquery.blockUI.js

这是加载时刻生成的代码：

<div class="blockUI" style="display:none"></div>

<div class="blockUI blockOverlay" style="
z-index: 1000;
border:none;
margin: 0px;
padding: 0px;
width: 100%;
height:100%;
top: 0px;
left: 0px;
background: rgb(255,255,255);
opacity: 0.6;
cursor: default;
position: absolute;">
</div>

如果我们可以找出这段代码在整个 woocommerce 文件中的位置，那么我们可以将他的行为更改为响应式。

有人可以帮忙吗？

【问题讨论】：

标签： wordpress woocommerce hook-woocommerce woothemes woocommerce-theming

【解决方案1】：

无需更改实时插件代码，尤其是对于 Woo-commerce。还有另一种方法可以使其响应。方式是自定义 CSS。更多详情custom css

【讨论】：