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}

Faite la même chose pour “content two” et ça sera bon. 

Voir plus de conseils de Webdesign

Derniers Articles Webdesign

Comment créer une PAGE PRODUIT originale ?

Comment créer une PAGE PRODUIT originale ?

Aujourd’hui, je vais vous parler de la création d’une page produit originale. La durée du processus d’achat est très importante dans la vente de produits en ligne. Si vous désirez passer plus de temps sur un produit particulier, cela signifie qu’il sera plus facile à vendre. Dans cette vidéo, je vais vous montrer un effet incroyable qui peut rendre votre page de produit beaucoup plus belle et plus originale que les autres. Les produits se vendent et la plupart d’entre eux n’ont rien de spécial dans le design de leur page produit. Je vais partager avec vous quelques secrets sur la façon de créer une page produit originale.

read more
Comment créer une page 404 PERSONNALISÉ ?

Comment créer une page 404 PERSONNALISÉ ?

Dans cette vidéo, je vais vous montrer comment créer une page 404 personnalisée. Il s’agit de la page que les internautes voient lorsqu’ils essaient d’accéder à une page de votre site Web qui n’existe pas.
Il est important de disposer d’une page 404 personnalisée car elle permet de garder les visiteurs sur votre site et d’améliorer le classement de votre site dans les moteurs de recherche.
Vous allez voir qu’il est très simple de réaliser une belle page 404 avec votre image de marque.

read more