Panier et Checkout : cacher certains éléments

Panier et Checkout : cacher certains éléments

Si vous souhaitez alléger votre page panier et votre page checkout, voici quelques lignes de codes pour cacher certains éléments. Vous n’avez qu’a les copier-coller, ils sont prêt à l’emploi 🙂

1. Où ajouter ces lignes de code ?

Ouvrez simplement le visual builder de la page que vous souhaitez modifier, puis ouvrez les réglages de la page -> avancé -> personnaliser CSS. 

Collez ensuite dans l’emplacement dédié les lignes de code que vous souhaitez. Vous pouvez coller à la suite plusieurs ligne de code, assurez-vous simplement de laisser une ligne entre chaque bloc.

1. Page Panier

Retrouver ci-dessous les lignes de code qui vous permettront de cacher les éléments suivant.

Les champs « Code promo », « appliquer le code promo » ainsi que « Mettre à jour le panier » peut être désactiver directement dans le visual builder, dans les options du module correspondant: « Woo Cart product ».

Élément 1 :

.et_pb_wc_cart_products_0_tb_body table.cart td.product-name, td.product-remove, td.product-thumbnail{display: none;}
thead > tr > th.product-remove, th.product-name, th.product-thumbnail {display:none}

Élément 3 :

thead > tr > th.product-quantity{display:none}
.et_pb_wc_cart_products_0_tb_body table.cart td.product-quantity{display:none!important}

Élément 5 et 9 :

table.shop_table tr.cart-subtotal th,table.shop_table tr.cart-subtotal td{display:none}

Élément 7 et 11 :

table.shop_table tr.order-total th,table.shop_table tr.order-total td{display:none}

Élément 2 :

thead > tr > th.product-price{display:none}
.et_pb_wc_cart_products_0_tb_body table.cart td.product-price{display:none!important}

Élément 4 :

thead > tr > th.product-subtotal{display:none}
.et_pb_wc_cart_products_0_tb_body table.cart td.product-subtotal{display:none!important}

Élément 6 et 10 :

table.shop_table tr.woocommerce-shipping-totals th,table.shop_table tr.woocommerce-shipping-totals td{display:none}

Élément 8 :

table.shop_table tr.recurring-totals th{display:none!important}

2. Page Checkout

Retrouver ci-dessous les lignes de code qui vous permettront de cacher les éléments suivant.

Élément 1 :

table.shop_table tr.cart_item{display:none!important}

Élément 3 et 7 :

table.shop_table tr.shipping{display:none!important}

Élément 5 :

Avec cartflows :
table.shop_table tr.recurring-totals{display:none!important}

Élément 2 et 6 :

table.shop_table tr.cart-subtotal{display:none!important}

Élément 4 et 8 :

table.shop_table tr.order-total{display:none!important}