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
** 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
Commentaires