Snippet

Usuń tytuł sklepu z nagłówka strony sklepu WooCommerce

Jak usunąć tytuł sklepu z nagłówka w WordPressieUkryj tytuł strony sklepu w WordPressieUsuń tytuł sklepu z strony WooCommerceWordPress usuń tytuł nagłówka z strony sklepuJak ukryć tytuł sklepu w WordPressieUsuń tytuł strony sklepu w WordPressieWooCommerce ukryj tytuł sklepu z nagłówkaWordPress usuń tytuł nagłówka strony sklepuJak usunąć tytuł sklepu w WordPressieUkryj tytuł nagłówka sklepu w WordPressie

Objaśnienie

Jeśli chcesz uporządkować stronę swojego sklepu WooCommerce, usuwając tytuł sklepu z nagłówka, ten fragment kodu jest dokładnie tym, czego potrzebujesz.

Oto, co robi:

  • Pierwsza funkcja: Sprawdza, czy znajdujesz się na stronie sklepu. Jeśli tak, usuwa tytuł produktu zarówno w widoku pojedynczego produktu, jak i na liście produktów. Oznacza to, że Twoje produkty nie będą wyświetlać swoich tytułów w zwykłych miejscach.
  • Druga funkcja: Ta funkcja dotyczy samego tytułu strony. Jeśli jesteś na stronie sklepu i w głównej pętli (gdzie WordPress przetwarza Twoje posty), zwraca pusty ciąg zamiast zwykłego tytułu. To skutecznie ukrywa tytuł strony sklepu.

Dzięki tym funkcjom strona Twojego sklepu będzie miała czystszy wygląd, bez domyślnych tytułów zaśmiecających nagłówek. Upewnij się, że dodasz ten kod do pliku functions.php swojego motywu lub do niestandardowej wtyczki, aby zachować porządek.

Kod

1<?php 2// Function to remove the store title from the WooCommerce store page header 3function wp_dudecom_remove_store_title() { 4 if (is_shop()) { 5 remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5); 6 remove_action('woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10); 7 } 8} 9add_action('wp', 'wp_dudecom_remove_store_title'); 10 11// Function to remove the store title from the page title 12function wp_dudecom_remove_store_page_title($title, $id = null) { 13 if (is_shop() && in_the_loop()) { 14 return ''; 15 } 16 return $title; 17} 18add_filter('the_title', 'wp_dudecom_remove_store_page_title', 10, 2); 19?>

Instrukcja

Lokalizacja pliku: Dodaj następujący 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. Dostęp do panelu WordPress: Zaloguj się do panelu administracyjnego WordPress.
  2. Przejdź do edytora motywu:
    • Przejdź do Wygląd > Edytor motywu.
    • W prawym pasku bocznym znajdź i kliknij na functions.php w sekcji Pliki motywu.
  3. Dodaj kod:
    • Przewiń na dół pliku functions.php.
    • Skopiuj i wklej podany fragment kodu.
  4. Zapisz zmiany: Kliknij przycisk Aktualizuj plik, aby zapisać zmiany.
  5. Zweryfikuj:
    • Odwiedź stronę swojego sklepu WooCommerce, aby upewnić się, że tytuł sklepu nie jest już wyświetlany w nagłówku.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.