Snippet

Wyświetlanie starej ceny z przekreśleniem w WooCommerce

Jak wyświetlić starą cenę z przekreśleniem w WooCommerceWyświetlanie starej i nowej ceny na stronie produktu WooCommerceWooCommerce pokazuje cenę promocyjną z przekreśleniemDodaj przekreślenie do oryginalnej ceny w WordPressieWooCommerce wyświetla cenę promocyjną obok oryginalnejPokaż regularną cenę z przekreśleniem w WooCommercePrzekreśl starą cenę produktu zmiennego w WooCommerceJak pokazać cenę promocyjną z przekreśloną starą ceną w WooCommerceWooCommerce 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

1<?php 2// Hook into WooCommerce to modify the way prices are displayed on product pages 3add_filter('woocommerce_get_price_html', 'wp_dudecom_display_strikethrough_old_price', 10, 2); 4 5/** 6 * Display the old price with a strikethrough next to the new sale price. 7 * 8 * @param string $price The original price HTML. 9 * @param WC_Product $product The WooCommerce product object. 10 * @return string Modified price HTML with strikethrough for old price. 11 */ 12function wp_dudecom_display_strikethrough_old_price($price, $product) { 13 // Check if the product is on sale 14 if ($product->is_on_sale()) { 15 // Get the regular and sale prices 16 $regular_price = wc_get_price_to_display($product, array('price' => $product->get_regular_price())); 17 $sale_price = wc_get_price_to_display($product, array('price' => $product->get_sale_price())); 18 19 // Format the prices 20 $regular_price_html = wc_price($regular_price); 21 $sale_price_html = wc_price($sale_price); 22 23 // Return the formatted price with strikethrough for the regular price 24 $price = '<del>' . $regular_price_html . '</del> <ins>' . $sale_price_html . '</ins>'; 25 } 26 27 return $price; 28} 29?>

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.