Usuń pasek boczny z stron produktów WooCommerce łatwo
Objaśnienie
Jeśli chcesz uporządkować strony produktów WooCommerce, usuwając pasek boczny, ten fragment kodu jest dokładnie tym, czego potrzebujesz. Oto jak to działa:
- Cel: Ten kod usuwa pasek boczny z indywidualnych stron produktów WooCommerce.
- Jak to działa: Sprawdza, czy bieżąca strona jest stroną produktu, używając
is_product(). Jeśli tak, usuwa pasek boczny, eliminując akcję, która go dodaje. - Gdzie użyć: Możesz dodać ten fragment do pliku functions.php swojego motywu lub użyć własnej wtyczki, aby uporządkować swoje zmiany.
Dzięki temu Twoje strony produktów będą miały czystszy wygląd, koncentrując się bardziej na szczegółach produktu bez rozpraszającego paska bocznego.
Kod
<?php
// Function to remove sidebar from WooCommerce product pages
function wp_dudecom_remove_sidebar_on_product_pages() {
if (is_product()) {
remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10);
}
}
add_action('wp', 'wp_dudecom_remove_sidebar_on_product_pages');
?>Instrukcja
Aby usunąć pasek boczny z stron produktów WooCommerce, wykonaj następujące kroki:
Lokalizacja pliku: Możesz dodać kod do pliku functions.php swojego motywu lub stworzyć własną wtyczkę.
Wymagania wstępne:
- Upewnij się, że WooCommerce jest zainstalowane i aktywowane na Twojej stronie WordPress.
- Miej dostęp do panelu administracyjnego WordPress i edytora plików.
Kroki wdrożenia:
- Zaloguj się do panelu administracyjnego WordPress.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php.
- W sekcji Pliki motywu po prawej stronie znajdź i kliknij na functions.php.
- Przewiń na dół pliku functions.php i wklej podany fragment kodu:
- Kliknij Aktualizuj plik, aby zapisać zmiany.
- Odwiedź stronę produktu WooCommerce na swojej stronie, aby upewnić się, że pasek boczny został usunięty.
// Funkcja do usunięcia paska bocznego z stron produktów WooCommerce
function wp_dudecom_remove_sidebar_on_product_pages() {
if (is_product()) {
remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10);
}
}
add_action('wp', 'wp_dudecom_remove_sidebar_on_product_pages');
Jeśli wolisz użyć własnej wtyczki:
- Stwórz nowy folder w katalogu
wp-content/plugins, np.remove-sidebar. - Stwórz nowy plik PHP w tym folderze, np.
remove-sidebar.php. - Wklej fragment kodu do tego pliku.
- Dodaj następujący nagłówek na początku pliku, aby uczynić go ważną wtyczką:
- Zapisz plik i aktywuj wtyczkę z panelu administracyjnego WordPress w sekcji Wtyczki.
Dzięki tym krokom strony produktów WooCommerce będą miały czystszy wygląd bez paska bocznego.
Potrzebujesz pomocy przy wdrożeniu lub bardziej zaawansowanej funkcjonalności? Odwiedź wp-dude.com po fachową pomoc.