Snippet

Jak dostosować wyświetlanie cen produktów w WooCommerce

Jak zmienić wyświetlanie ceny produktu w WooCommerceModyfikacja wyświetlania zakresu cen w WooCommerceDostosowanie wyświetlania cen dla produktów WooCommerceZmiana formatu ceny produktu zmiennego w WooCommerceDostosowanie wyświetlania cen na stronie sklepu WooCommerceRóżne wyświetlanie zakresu cen w WooCommerceZmiana formatu wyświetlania cen w WooCommercePersonalizacja wyświetlania cen produktów WooCommerceJak pokazać różny zakres cen w WooCommerceModyfikacja 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

1<?php 2// Hook into 'woocommerce_get_price_html' to modify the product price display 3add_filter('woocommerce_get_price_html', 'wp_dudecom_custom_price_display', 10, 2); 4 5/** 6 * Customize the price display for WooCommerce products. 7 * 8 * @param string $price The original price HTML. 9 * @param WC_Product $product The WooCommerce product object. 10 * @return string Modified price HTML. 11 */ 12function wp_dudecom_custom_price_display($price, $product) { 13 // Check if the product is a variable product 14 if ($product->is_type('variable')) { 15 // Get the minimum and maximum prices for the variable product 16 $min_price = $product->get_variation_price('min', true); 17 $max_price = $product->get_variation_price('max', true); 18 19 // Format the price range display 20 $price = sprintf(__('From %1$s to %2$s', 'woocommerce'), wc_price($min_price), wc_price($max_price)); 21 } 22 23 // Return the modified price HTML 24 return $price; 25} 26?>

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:

  1. Dostęp do panelu WordPress: Zaloguj się do swojego obszaru administracyjnego WordPress.
  2. Przejdź do edytora motywu: Przejdź do Wygląd > Edytor motywu.
  3. Wybierz funkcje motywu: Po prawej stronie znajdź i kliknij na Funkcje motywu (functions.php).
  4. 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ą.
  5. Dodaj kod: Przewiń na dół pliku functions.php i wklej podany fragment kodu.
  6. Zapisz zmiany: Kliknij przycisk Aktualizuj plik, aby zapisać swoje zmiany.
  7. 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.