Zmień rozmiary obrazów produktów w WooCommerce łatwo
Objaśnienie
Aby zmienić rozmiar obrazów produktów w WooCommerce, możesz użyć prostej funkcji, która dostosowuje szerokość różnych typów obrazów. Oto, co robi każda część:
- Obraz produktu pojedynczego: To główny obraz, który widzisz na stronie produktu. Kod ustawia jego szerokość na 600 pikseli.
- Obraz katalogowy: To obrazy, które widzisz na stronach z listą produktów, takich jak strony kategorii. Kod ustawia ich szerokość na 300 pikseli.
- Obraz miniatury: To mniejsze obrazy, często używane w galeriach lub jako dodatkowe obrazy produktów. Kod ustawia ich szerokość na 100 pikseli.
Po zmianie tych rozmiarów ważne jest, aby zregenerować miniatury. Zapewnia to, że wszystkie twoje obrazy są odpowiednio przeskalowane zgodnie z nowymi ustawieniami. Kod sprawdza, czy narzędzie do regeneracji jest dostępne i dodaje je do kolejki do uruchomienia.
Na koniec, aby upewnić się, że wszystko działa płynnie, kod odświeża zasady przepisywania. Ten krok pomaga WordPressowi rozpoznać zmiany i zastosować je poprawnie.
Kod
// Function to change WooCommerce product image sizes
function wp_dudecom_change_woocommerce_image_sizes() {
// Set the single product image size
update_option('woocommerce_single_image_width', 600); // Width in pixels
// Set the catalog image size
update_option('woocommerce_thumbnail_image_width', 300); // Width in pixels
// Set the thumbnail image size
update_option('woocommerce_gallery_thumbnail_image_width', 100); // Width in pixels
// Regenerate thumbnails after changing image sizes
if (class_exists('WC_Regenerate_Images')) {
WC_Regenerate_Images::queue_image_regeneration();
}
}
add_action('after_switch_theme', 'wp_dudecom_change_woocommerce_image_sizes');
// Ensure the changes take effect by flushing the rewrite rules
function wp_dudecom_flush_rewrite_rules() {
flush_rewrite_rules();
}
add_action('after_switch_theme', 'wp_dudecom_flush_rewrite_rules');Instrukcja
Aby zmienić rozmiary obrazów produktów w WooCommerce, wykonaj następujące kroki:
Lokalizacja pliku: Musisz dodać kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.
Wymagania wstępne:
- Upewnij się, że WooCommerce jest zainstalowane i aktywowane.
- Rozważ zainstalowanie wtyczki Regenerate Thumbnails, aby ręcznie regenerować obrazy w razie potrzeby.
Kroki wdrożenia:
- Uzyskaj dostęp do swojego panelu WordPress.
- Przejdź do Wygląd > Edytor plików motywu.
- W prawym pasku bocznym znajdź i wybierz
functions.phpw swoim aktywnym motywie. - Przewiń na dół pliku
functions.phpi wklej podany fragment kodu. - Kliknij Aktualizuj plik, aby zapisać zmiany.
- Po aktualizacji przejdź do Narzędzia > Regeneruj miniatury, jeśli masz zainstalowaną wtyczkę, i regeneruj swoje obrazy, aby zastosować nowe rozmiary.
Postępując zgodnie z tymi krokami, obrazy produktów WooCommerce zostaną przeskalowane zgodnie z nowymi ustawieniami. Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy przy wdrożeniu lub zaawansowanej funkcjonalności.