Wyświetlanie starej ceny z przekreśleniem w WooCommerce

Jak wyświetlić starą cenę z przekreśleniem w WooCommerce; Wyświetlanie starej i nowej ceny na stronie produktu WooCommerce; WooCommerce pokazuje cenę promocyjną z przekreśleniem; Dodaj przekreślenie do oryginalnej ceny w WordPressie; WooCommerce wyświetla cenę promocyjną obok oryginalnej; Pokaż regularną cenę z przekreśleniem w WooCommerce; Przekreśl starą cenę produktu zmiennego w WooCommerce; Jak pokazać cenę promocyjną z przekreśloną starą ceną w WooCommerce; WooCommerce przekreśla starą cenę i pokazuje promocyjną; Wyświetlanie starej ceny z przekreśleniem w WordPressie;

Objaśnienie

Aby wyświetlić starą cenę z przekreśleniem obok nowej ceny promocyjnej w WooCommerce, ten fragment kodu załatwia sprawę:

Co to robi:

  • Sprawdza, czy produkt jest w promocji.
  • Pobiera zarówno regularną (starą) cenę, jak i cenę promocyjną (nową).
  • Formatuje starą cenę z przekreśleniem i umieszcza ją obok nowej ceny.

Jak to działa:

  • Kod włącza się w system wyświetlania cen WooCommerce.
  • Jeśli produkt jest w promocji, pobiera zarówno regularną, jak i promocyjną cenę.
  • Regularna cena jest otoczona tagiem <del>, co dodaje efekt przekreślenia.
  • Cena promocyjna jest otoczona tagiem <ins>, co sprawia, że wyróżnia się.

Rezultat: Na stronach produktów klienci zobaczą oryginalną cenę przekreśloną, tuż obok ceny z rabatem, co jasno wskazuje, że trwa promocja.

Kod

<?php
// Hook into WooCommerce to modify the way prices are displayed on product pages
add_filter('woocommerce_get_price_html', 'wp_dudecom_display_strikethrough_old_price', 10, 2);

/**
 * Display the old price with a strikethrough next to the new sale price.
 *
 * @param string $price The original price HTML.
 * @param WC_Product $product The WooCommerce product object.
 * @return string Modified price HTML with strikethrough for old price.
 */
function wp_dudecom_display_strikethrough_old_price($price, $product) {
    // Check if the product is on sale
    if ($product->is_on_sale()) {
        // Get the regular and sale prices
        $regular_price = wc_get_price_to_display($product, array('price' => $product->get_regular_price()));
        $sale_price = wc_get_price_to_display($product, array('price' => $product->get_sale_price()));

        // Format the prices
        $regular_price_html = wc_price($regular_price);
        $sale_price_html = wc_price($sale_price);

        // Return the formatted price with strikethrough for the regular price
        $price = '<del>' . $regular_price_html . '</del> <ins>' . $sale_price_html . '</ins>';
    }

    return $price;
}
?>

Instrukcja

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.

Wymagania wstępne:

  • Upewnij się, że WooCommerce jest zainstalowane i aktywowane na Twojej stronie WordPress.

Kroki wdrożenia:

  1. Zaloguj się do panelu administracyjnego WordPress.
  2. Przejdź do Wygląd > Edytor motywu.
  3. W prawym pasku bocznym znajdź i kliknij na functions.php, aby go otworzyć.
  4. Przewiń na dół pliku functions.php.
  5. Skopiuj i wklej podany fragment kodu na końcu pliku.
  6. Kliknij Aktualizuj plik, aby zapisać zmiany.
  7. Odwiedź stronę produktu na swojej stronie, aby sprawdzić, czy stara cena jest wyświetlana z przekreśleniem obok nowej ceny promocyjnej.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.