<DIV ECOM>

Formation | assistance | analyse de site web via DrTech

Espace formation

<DIV ECOM>

Formation | assistance | analyse de site web via DrTech

Espace formation

Personnaliser le panier woocomerce

Vous voulez personnaliser le panier de votre boutique ? Que vous soyez sur WooCommerce ou Dr Tech, vous êtes au bon endroit ! 

Ne cherchez pas plus loin, aujourd’hui on va vous donner tous les éléments pour obtenir un panier personnalisé !

Malheureusement, on ne pourra pas vous fournir de code déjà réalisé, sinon le mot personnalisé perdrait tout son sens. Cependant, vous verrez comment modifier chaque élément du panier, vous n’aurez plus qu’à modifier à votre sauce.

Retrouvez tous les codes nécessaires juste en dessous de la vidéo ! Bon cours 📖💻

MODIFIER LES Étiquettes du tableau produit

CSS

th.product-remove{

/* Ici votre css */

}

CSS

th.product-thumbnail{

/* Ici votre css */

}

CSS

th.product-name{

/* Ici votre css */

}

CSS

th.product-price{

/* Ici votre css */

}

CSS

th.product-quantity{

/* Ici votre css */

}

CSS

th.product-subtotal{

/* Ici votre css */

}

modifier les Lignes produit

CSS

td.product-remove{

/* Ici votre css */

}

CSS

td.product-remove .remove{

/* Ici votre css */

}

CSS

td.product-thumbnail{

/* Ici votre css */

}

CSS

td.product-thumbnail a{

/* Ici votre css */

}

CSS

td.product-name{

/* Ici votre css */

}

CSS

td.product-name a{

/* Ici votre css */

}

CSS

td.product-price{

/* Ici votre css */

}

CSS

td.product-price span.woocommerce-Price-amount{

/* Ici votre css */

}

CSS

td.product-quantity{

/* Ici votre css */

}

CSS

td.product-quantity div.quantity{

/* Ici votre css */

}

CSS

td.product-subtotal{

/* Ici votre css */

}

CSS

td.product-subtotal span.woocommerce-Price-amount{

/* Ici votre css */

}

modifier la ligne de boutons / promo

CSS

td.actions div.coupon{

/* Ici votre css */

}

CSS

td.actions div.coupon button.button{

/* Ici votre css */

}

CSS

td.actions button.button {

/* Ici votre css */

}

modifier la ligne de boutons / promo

CSS

div.cart_totals {

/* Ici votre css */

}

CSS

div.cart_totals h2{

/* Ici votre css */

}

CSS

tr.cart-subtotal{

/* Ici votre css */

}

CSS

tr.cart-subtotal th{

/* Ici votre css */

}

CSS

tr.cart-subtotal td{

/* Ici votre css */

}

CSS

tr.woocommerce-shipping-totals{

/* Ici votre css */

}

CSS

tr.woocommerce-shipping-totals th{

/* Ici votre css */

}

CSS

tr.order-total{

/* Ici votre css */

}

CSS

tr.order-total th{

/* Ici votre css */

}

CSS

tr.order-total td{

/* Ici votre css */

}

CSS

div.wc-proceed-to-checkout{

/* Ici votre css */

}

CSS

div.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward{

/* Ici votre css */

}

FELICITATION !

Si vous avez besoin de service ou la moindre question, n’hésitez pas à me contacter.

Suivez-moi sur Youtube pour plus de tutoriels :