september 2024,

Sæt et badge på dine produkter i din WooCommerce webshop

Tilbage til oversigten

Da du læser indlægget her, går jeg ud fra at du har en WooCommerce webshop. Du har sikkert bemærket det lille fine “skilt” der kommer på dine produkter når de er nedsat. Det giver en god indikation på, at der er tilbud på produktet, men vil du også gerne indikere, når et produkt f.eks. er nyt? Så læs med – her kommer din redning nemlig! Jeg vil i den her lille guide vise dig helt konkret hvordan du får lavet det skilt, som mangler i WooCommerce, så du – overfor dine kunder – kan vise, hvilke produkter er de nyeste på shoppen.

Vis “nyhed” på dine produkter på dit produktoverblik

For at tilføje denne lille feature til din WooCommerce webshop, skal du egentlig bare have få linjers kode. Du behøver ikke engang skrive dem selv – det har jeg nemlig allerede gjort for dig.

// Tilføj “nyhed”-badge på produktoverblik

function oc2_new_badge_archive( ) {
   global $product ;

    $nyhed_dage = 30; // Hvor mange dage produktet er en nyhed
    $created = strtotime( $product->get_date_created() );
    if ( ( time() - ( 60 * 60 * 24 * $nyhed_dage ) ) < $created ) {
    echo 'Nyhed';
 }
}
add_action( 'woocommerce_before_shop_loop_item_title', 'oc2_new_badge_archive', 3 );

Ovenstående kode, skal du blot indsætte i din functions.php eller dit hjælper plugin, hvis du bruger sådan et. Din functions vil du kunne finde under Udseende > Tema Editor.

Tilpasning af koden

Jeg har lavet koden således, at et produkt er en nyhed i 30 dage fra det blev oprettet på shoppen, men det er heldigvis meget let at ændre, hvis du ønsker det.

Du vil i mit kodestykke se linjen som starter med $nyhed_dage, tallet efter = er det antal dage der skal gå, før et produkt ikke er en nyhed længere. Du vil ligeledes kunne ændre teksten fra “Nyhed” i den 3. nederste linje.

For at ændre udseendet af dit nye skilt, vil du kunne tilføje dit CSS til klassen .nyhed.onsale

Cecilie Holmgreen Dahl, Project Manager, Lidt Lakrids
Michael Madsen, Front End Developer & CEO, Lidt Lakrids
Jesper Luff Olesen, Relations Manager, Lidt Lakrids

Klar til at skaffe flere leads?

Vores team af eksperter er klar til at hjælpe jer med at tage jeres digitale løsninger til det næste niveau. Lad os gennemgå jeres behov og se, hvordan vi kan skabe innovative og effektive løsninger, der skiller jer ud i markedet.

Relaterede indlæg.

© Lidt Lakrids ApS 2024. All rights reserved.