SUP WooCommerce prijzen

De prijs in bijvoorbeeld een grootte van 20 pixels en de sup prijs achter de comma in een grootte van 16 pixels in je webshop?

SUP prijs woocommerce

Met deze snippet voeg je een class toe aan de sup prijs en kun je deze daarna los stylen met CSS.

Code


//Create sup price
add_filter( 'formatted_woocommerce_price', 'set_woo_decimal_price', 10, 5 );
function set_woo_decimal_price( $formatted_price, $price, $decimal_places, $decimal_separator, $thousand_separator ) {
//Display normal format in backend
if(!is_admin()){
//Format the price
$unit = number_format( intval( $price ), 0, $decimal_separator, $thousand_separator );
$decimal = sprintf( '%02d', ( $price - intval( $price ) ) * 1000 );
//if statement, Price may get rounded wrong otherwise
if(strlen($decimal)!==2){
$correct_dec = round($decimal,-1)/10;
}
else{
$correct_dec = $decimal;
}
//return new formated price for frontend
return $unit . $decimal_separator. '' .$correct_dec . '';
}
else{
// return normal format in admin
return $formatted_price;
}
}

Style.css code

.product-info sup {
font-size: 12px;
}

Feedback

Heb je na het lezen van dit artikel nog vragen of zijn er onduidelijkheden? Werkt de code niet op jouw website? Laat het ons weten, dan kunnen wij je misschien verder helpen.

Feedback kennisbankartikel

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis nooit meer website tips.

Al 500+ webdesigners en marketeers ontvangen onze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.