Astra主题隐藏价格和购物车

‍大家做外贸网站,不需要用到价格和购物车的功能。

如果用的是免费版Astra主题,我们可以很方便地取消显示“价格”和“购物车”。

产品分类页

WordPress后台 —— 外观 —— 自定义编辑 Customize —— WooCommerce —— 产品目录 Product Catalog

点击眼睛图标,取消显示“价格”和“购物车”

产品页,取消显示价格

WordPress后台 —— 外观 —— 自定义编辑 Customize —— WooCommerce —— 单件产品 Single Product

点击眼睛图标,取消显示“价格”。

在这一步,不要隐藏购物车

这会导致无法展示可变产品的颜色和尺寸等选项,我们改为使用CSS代码隐藏购物车。

产品页,取消显示购物车

WordPress后台 —— 外观 —— 自定义编辑 Customize —— 左侧的导航 —— 额外CSS

在输入框的最底部,复制粘贴以下代码,然后保存

.woocommerce-js .quantity input[type=text]{

display:none;

}

button.single_add_to_cart_button.button.alt{

display:none;

}

Scroll to Top