How to Display Discounted Price in Percentage with Regular & Sale Price for WooCommerce Products

Votre vidéo commence dans 10
Passer (5)
Formation gratuite en FR pour les membres inscrits sur les sites de vidéos

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées by
24 Vues
In this woocommerce tutorial for beginners you will learn how to show discount price in percentage format with regular and sale price using custom php snippet for woocommerce product in wordpress website. So after adding code save price show in percentage format for all product include variable and simple products pages and also display on woocoommerce archive / archives page like shop, category, tags etc.

** Find Custom Code in Top Pinned Comment Section.

** you can add css with your custom class.

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
display:flex;
}

* If above css work then good otherwise find / add your custom css class for price section then add display flex.

** Adding space between price then use this css class:

.saved-sale
{
margin-left:5px;
}

#discount #percentage #price #saleprice #discountedprices #discounted #product #products #shop #woocommerce #simple #variable #wordpress #wordpresstutorial #webtaskwithhassan #hassangilani
Catégories
E commerce Wordpress
Mots-clés
discount, discount price, woocommerce product discount prices

Ajouter un commentaire

Connectez-vous ou inscrivez-vous pour poster un commentaire.

Commentaires

Soyez le premier à commenter cette vidéo.