Snippet

Licznik zapasów na stronie produktu WooCommerce – jak go dodać?

Jak dodać licznik zapasów na stronie produktu WooCommerceWooCommerce wyświetla ilość zapasów na stronie produktuDodaj licznik magazynu do WooCommerceWyświetl zapasy produktu na stronie WooCommerceWtyczka WordPress do licznika zapasów na stronie produktuPokazuj ilość zapasów na stronie produktu WooCommerceDodaj niestandardowe pole z zapasami w WooCommerceWordPress wyświetla dostępność produktuJak wyświetlić poziom zapasów na stronie produktu WooCommerceLicznik zapasów w WordPress dla produktów

Objaśnienie

Aby wyświetlić licznik zapasów na stronie produktu WooCommerce, ten kod działa doskonale. Pokazuje, ile przedmiotów jest dostępnych w magazynie bezpośrednio na stronie produktu, co ułatwia klientom sprawdzenie dostępności.

  • Sprawdzenie zapasów: Kod najpierw sprawdza, czy produkt jest dostępny w magazynie. Jeśli nie, nic nie jest wyświetlane.
  • Wyświetlanie ilości: Jeśli są dostępne przedmioty, wyświetla komunikat, na przykład "Dostępne: 5". Jeśli nie ma już przedmiotów, pokazuje "Brak w magazynie".
  • Gdzie się pojawia: Informacja ta jest dodawana do sekcji podsumowania produktu na stronie produktu.
  • Ładowanie skryptu: Skrypt jest ładowany tylko na stronach pojedynczych produktów, aby zapewnić płynne działanie.
  • Sprawdzenie WooCommerce: Kod sprawdza, czy WooCommerce jest aktywne przed uruchomieniem, co zapewnia, że nie spowoduje błędów, jeśli WooCommerce nie jest zainstalowane.

Dzięki temu ustawieniu możesz łatwo informować swoich klientów o dostępności produktów, co poprawia ich doświadczenia zakupowe na Twojej stronie.

Kod

1// Add inventory counter to WooCommerce product page 2 3function wp_dudecom_display_stock_quantity() { 4 global $product; 5 6 if ( ! $product->is_in_stock() ) { 7 return; 8 } 9 10 $stock_quantity = $product->get_stock_quantity(); 11 12 if ( $stock_quantity > 0 ) { 13 echo '<p class="stock in-stock">' . sprintf( __( 'In stock: %s', 'woocommerce' ), $stock_quantity ) . '</p>'; 14 } else { 15 echo '<p class="stock out-of-stock">' . __( 'Out of stock', 'woocommerce' ) . '</p>'; 16 } 17} 18 19add_action( 'woocommerce_single_product_summary', 'wp_dudecom_display_stock_quantity', 20 ); 20 21// Ensure the function is only executed on single product pages 22function wp_dudecom_enqueue_stock_quantity_script() { 23 if ( is_product() ) { 24 wp_enqueue_script( 'wp-dudecom-stock-quantity', get_template_directory_uri() . '/js/stock-quantity.js', array( 'jquery' ), null, true ); 25 } 26} 27 28add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_stock_quantity_script' ); 29 30// Security best practices: Ensure the function is only executed in the WooCommerce context 31function wp_dudecom_check_woocommerce_active() { 32 if ( ! class_exists( 'WooCommerce' ) ) { 33 return; 34 } 35 36 add_action( 'woocommerce_single_product_summary', 'wp_dudecom_display_stock_quantity', 20 ); 37} 38 39add_action( 'init', 'wp_dudecom_check_woocommerce_active' );

Instrukcja

Aby dodać licznik zapasów do strony produktu WooCommerce, wykonaj następujące kroki:

Lokalizacja pliku: Musisz dodać kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne:

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

Kroki implementacji:

  1. Uzyskaj dostęp do panelu administracyjnego WordPress.
  2. Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php, lub przejdź do Wtyczki > Edytor, jeśli korzystasz z własnej wtyczki.
  3. Znajdź i otwórz plik functions.php aktywnego motywu lub plik własnej wtyczki.
  4. Skopiuj i wklej podany kod do pliku.
  5. Zapisz zmiany w pliku.
  6. Upewnij się, że plik stock-quantity.js jest dostępny w katalogu js Twojego motywu. Jeśli nie, utwórz plik zastępczy lub dostosuj kolejność ładowania skryptu w razie potrzeby.
  7. Odwiedź stronę produktu na swojej stronie, aby zweryfikować, że licznik zapasów jest wyświetlany poprawnie.

Postępując zgodnie z tymi krokami, pomyślnie wyświetlisz licznik zapasów na stronach produktów WooCommerce, co poprawi doświadczenia zakupowe Twoich klientów.

Jeśli potrzebujesz dalszej pomocy lub chcesz wdrożyć bardziej zaawansowane funkcje, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.