Jak dostosować wyświetlanie cen produktów w WooCommerce
Jak zmienić wyświetlanie ceny produktu w WooCommerce;
Modyfikacja wyświetlania zakresu cen w WooCommerce;
Dostosowanie wyświetlania cen dla produktów WooCommerce;
Zmiana formatu ceny produktu zmiennego w WooCommerce;
Dostosowanie wyświetlania cen na stronie sklepu WooCommerce;
Różne wyświetlanie zakresu cen w WooCommerce;
Zmiana formatu wyświetlania cen w WooCommerce;
Personalizacja wyświetlania cen produktów WooCommerce;
Jak pokazać różny zakres cen w WooCommerce;
Modyfikacja ustawień wyświetlania cen w WooCommerce;
Objaśnienie
Chcesz zmienić sposób wyświetlania cen w swoim sklepie WooCommerce? Ten fragment kodu jest tutaj, aby pomóc!
Co robi:
- Dostosowuje wyświetlanie cen produktów, szczególnie przydatne dla produktów zmiennych.
- Zamiast pokazywać pojedynczą cenę, wyświetla zakres od najniższej do najwyższej ceny.
Jak to działa:
- Kod łączy się z funkcją wyświetlania cen WooCommerce.
- Sprawdza, czy produkt jest typu zmiennego, co oznacza, że ma różne warianty z różnymi cenami.
- Dla produktów zmiennych pobiera minimalne i maksymalne ceny.
- Następnie formatuje te ceny w zakres, na przykład "Od 10 zł do 20 zł".
Po prostu dodaj ten kod do pliku functions.php swojego motywu, a listy produktów zaczną wyświetlać zakresy cen dla produktów zmiennych. To ułatwia klientom zobaczenie spektrum cenowego Twoich produktów.
Kod
<?php
// Hook into 'woocommerce_get_price_html' to modify the product price display
add_filter('woocommerce_get_price_html', 'wp_dudecom_custom_price_display', 10, 2);
/**
* Customize the price display for WooCommerce products.
*
* @param string $price The original price HTML.
* @param WC_Product $product The WooCommerce product object.
* @return string Modified price HTML.
*/
function wp_dudecom_custom_price_display($price, $product) {
// Check if the product is a variable product
if ($product->is_type('variable')) {
// Get the minimum and maximum prices for the variable product
$min_price = $product->get_variation_price('min', true);
$max_price = $product->get_variation_price('max', true);
// Format the price range display
$price = sprintf(__('From %1$s to %2$s', 'woocommerce'), wc_price($min_price), wc_price($max_price));
}
// Return the modified price HTML
return $price;
}
?>Instrukcja
Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.
Wymagania wstępne:
- Upewnij się, że WooCommerce jest zainstalowane i aktywowane na Twojej stronie WordPress.
Kroki wdrożenia:
- Dostęp do panelu WordPress: Zaloguj się do swojego obszaru administracyjnego WordPress.
- Przejdź do edytora motywu: Przejdź do Wygląd > Edytor motywu.
- Wybierz funkcje motywu: Po prawej stronie znajdź i kliknij na Funkcje motywu (functions.php).
- Utwórz kopię zapasową pliku: Przed wprowadzeniem zmian skopiuj cały istniejący kod w pliku i zapisz go w bezpiecznym miejscu jako kopię zapasową.
- Dodaj kod: Przewiń na dół pliku
functions.phpi wklej podany fragment kodu. - Zapisz zmiany: Kliknij przycisk Aktualizuj plik, aby zapisać swoje zmiany.
- Przetestuj swoją stronę: Odwiedź stronę z listą produktów WooCommerce, aby upewnić się, że wyświetlanie cen zostało zmodyfikowane zgodnie z oczekiwaniami.
Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.