1/ Først Hente plugin til wordpress der hedder wpcode og installer det
2/klik på code snippets og vælg så add snippet og vælg så add yot custom code (new Snippet) så kommer der create custom snippet Kopier så følgen kode On-sale Label on single-product
// On-sale label on single product page
add_action( ‘woocommerce_before_single_product_summary’, ‘softexpert_show_sale_percentage_single_page’, 8 );
function softexpert_show_sale_percentage_single_page() {
global $product;
if ( ! $product->is_on_sale() ) return;
if ( $product->is_type( ‘simple’ ) ) {
$max_percentage = ( ( $product->get_regular_price() – $product->get_sale_price() ) / $product->get_regular_price() ) * 100;
} elseif ( $product->is_type( ‘variable’ ) ) {
$max_percentage = 0;
foreach ( $product->get_children() as $child_id ) {
$variation = wc_get_product( $child_id );
$price = $variation->get_regular_price();
$sale = $variation->get_sale_price();
if ( $price != 0 && ! empty( $sale ) ) $percentage = ( $price – $sale ) / $price * 100;
if ( $percentage > $max_percentage ) {
$max_percentage = $percentage;
}
}
}
if ( $max_percentage > 0 ) echo “<span class=’sale-price-off’>” . round($max_percentage) . “% OFF</span>”;
}
Så går man tilbage til wpcode create custom snippet og skiver hvad man vil kalde sit snippet og i højer side vælger man der hvor dewr står codetype vælger man så php snippet og
insert method: vælg så auto insert
Location: Run everyhere
Device Type: Any device type
så der hvor der stå create custom snippet tryk på inactiv så den bliver aktiv og derefter tryk på save snippet
så skulle det virke
Husk at tilføje følgen css under custrom CCS/JS
/* rabat */
.sale-price-off {
font-size: 13px;
color: #fff;
position: relative;
left: 70px;
top: 15px;
/* position: Relative; */
z-index: 2;
background-color: #fc259b;
clip-path: polygon(0% 0%, 100% 0, 98% 92%, 49% 100%, 0 92%);
min-height: 45px;
display: flex;
align-items: center;
text-align: center;
width: 42px;
line-height: 17px;
font-weight: 600;
border-top-left-radius: 8px;
}