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:
- Zaloguj się do panelu administracyjnego WordPress.
- Przejdź do Wygląd > Edytor motywu.
- W prawym pasku bocznym znajdź i kliknij na
functions.php
, aby go otworzyć. - Przewiń na dół pliku
functions.php
. - Skopiuj i wklej podany fragment kodu na końcu pliku.
- Kliknij Aktualizuj plik, aby zapisać zmiany.
- 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.