更改购物车列的顺序而不覆盖Woocommerce

时间:2018-02-23 15:54:20

标签: php wordpress templates woocommerce cart

是否有解决方案来更改购物车列的顺序而不将文件复制到我自己的模板文件夹中?

原因是,我不想覆盖这样一个关键的模板文件。

不幸的是,订单被硬编码为文件cart.php中的表而不是函数内部。

在这种情况下是否有任何“干净”的方式来改变列的顺序?

2 个答案:

答案 0 :(得分:1)

唯一的方法是override Woocommerce cart/cart.php template via your active theme因为它在模板中硬编码。

Woocommerce模板是被覆盖的女仆,所以这样做并不是什么大不了的事。

唯一令人讨厌的事情是,当主要更新中的模板文件发生变化时,如果模板已更改,则必须再次进行更改。

答案 1 :(得分:1)

通过设置grid-template-area grid-template-area on smashingmag

,我设法使用CSS网格重新排列woocomercerce列

这是CSS代码:

.woocommerce-cart-form .shop_table tr{
    display: grid;
    grid-template-columns: 120px 40px 1fr 80px 100px 20px; /* change value here to fit your theme  */
    grid-template-areas: "product-thumbnail product-quantity product-name product-price product-subtotal product-remove"; /* change columns order here */
}

.woocommerce-cart-form .shop_table tr .product-thumbnail{grid-area: product-thumbnail;}
.woocommerce-cart-form .shop_table tr .product-quantity{grid-area:product-quantity;}
.woocommerce-cart-form .shop_table tr .product-name{grid-area:product-name;}
.woocommerce-cart-form .shop_table tr .product-price{grid-area:product-price;}
.woocommerce-cart-form .shop_table tr .product-subtotal{grid-area:product-subtotal;}
.woocommerce-cart-form .shop_table tr .product-remove{grid-area:product-remove;}

⚠︎不要忘记在手机上检查!