如何在单击添加到购物车按钮后显示装货微调

时间:2019-06-01 作者:Rogério Dec

WooCommerce在向购物车添加产品时存在已知的延迟。

基于此StoreFront WooCommerce的主题是“spinner” 单击“购买”按钮后。

enter image description hereenter image description here

然而,这种情况不会发生在ShopIsle 主题:

enter image description here

如何激活ShopIsle中的微调器?

1 个回复
最合适的回答,由SO网友:Ben Casey 整理而成

单击按钮时,将为其提供一个loading 这似乎没有得到处理。

你必须在iconfont中找到一个图标(最好是已经加载到你的站点中了,我想它已经加载了glyphicons) 使用和添加一些css,如下面所示(未测试,请根据需要进行修改)

如果有帮助,请告诉我。

button.add_to_cart_button.loading:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-family:"Glyphicons Halflings";
    content: "\\e031";
    background: rgba( 255, 255, 255, 0.7 );
    text-align:center;
    line-height:34px;
}

相关推荐

WooThemes-供应商/预订-允许供应商管理资源

我正在尝试从WooThemes为bookings插件带来新功能。在组合预订和供应商插件时,不允许供应商用户管理资源(资源是自定义帖子)。我将新功能添加到资源自定义帖子中,然后将这些功能添加到供应商角色(通过用户角色插件)现在,资源显示在供应商角色的管理菜单中,但当我尝试添加新资源时,会出现“您无权访问此页面”错误。我添加的新功能:https://i.stack.imgur.com/OCDlV.png添加到角色的功能:https://i.stack.imgur.com/5t696.png使用角色登录时显示的