Jak dodać szybki przycisk dodaj do koszyka w WooCommerce

Jak dodać szybki przycisk dodaj do koszyka w WooCommerceKonfiguracja przycisku szybkiego zakupu w WooCommerceWłącz przycisk kup teraz na stronie produktu WooCommerceDostosowanie przycisku dodaj do koszyka w WooCommerceDodaj szybki przycisk do kasy na stronie produktu WooCommercePrzycisk bezpośredniego zakupu na stronie produktu WooCommerceDostosuj przycisk dodaj do koszyka w WooCommerceWtyczka przycisku szybkiego dodawania do koszyka WooCommerceJak zmienić tekst przycisku dodaj do koszyka w WooCommercePrzycisk szybkiego zakupu na stronie sklepu WooCommerce

Objaśnienie

Oto jak możesz dodać przycisk 'Szybkie Dodanie do Koszyka' na stronach produktów WooCommerce:

Wyświetlanie przycisku: Kod aktywuje się w obszarze wyświetlania produktu i dodaje przycisk 'Szybkie Dodanie do Koszyka'. Ten przycisk pojawia się, jeśli produkt jest dostępny do zakupu i jest na stanie.
Funkcjonalność przycisku: Po kliknięciu przycisk dodaje produkt do koszyka i przekierowuje użytkownika bezpośrednio na stronę realizacji zamówienia. To przyspiesza proces zakupu i czyni go bardziej wygodnym.
Tekst przycisku: Tekst na przycisku 'Dodaj do Koszyka' zmienia się na 'Szybkie Zakupy' zarówno na stronach poszczególnych produktów, jak i na stronie sklepu, co jasno informuje klientów, że mogą szybko kupić produkt.

Ta konfiguracja jest idealna do zachęcania do szybkich zakupów poprzez zmniejszenie liczby kroków potrzebnych do zakończenia transakcji.

Kod
<?php
// Add 'Quick Add to Cart' button on WooCommerce product pages

// Hook to display the 'Quick Add to Cart' button on the product page
add_action('woocommerce_after_shop_loop_item', 'wp_dudecom_quick_add_to_cart_button', 15);

function wp_dudecom_quick_add_to_cart_button() {
    global $product;

    // Check if the product is purchasable and in stock
    if ($product->is_purchasable() && $product->is_in_stock()) {
        // Get the product ID
        $product_id = $product->get_id();

        // Create the 'Quick Add to Cart' button
        echo '<a href="' . esc_url( add_query_arg('add-to-cart', $product_id) ) . '" class="button wp-dudecom-quick-add-to-cart">' . esc_html__('Quick Add to Cart', 'woocommerce') . '</a>';
    }
}

// Redirect to checkout page after adding product to cart
add_action('template_redirect', 'wp_dudecom_redirect_to_checkout');

function wp_dudecom_redirect_to_checkout() {
    if (isset($_GET['add-to-cart'])) {
        // Redirect to the checkout page
        wp_safe_redirect(wc_get_checkout_url());
        exit;
    }
}

// Change the 'Add to Cart' button text on the product page
add_filter('woocommerce_product_single_add_to_cart_text', 'wp_dudecom_custom_add_to_cart_text');

function wp_dudecom_custom_add_to_cart_text() {
    return __('Quick Purchase', 'woocommerce');
}

// Change the 'Add to Cart' button text on the shop page
add_filter('woocommerce_product_add_to_cart_text', 'wp_dudecom_custom_add_to_cart_text_shop');

function wp_dudecom_custom_add_to_cart_text_shop() {
    return __('Quick Purchase', 'woocommerce');
}
?>

Instrukcja

Aby dodać przycisk 'Szybkie dodanie do koszyka' na stronach produktów WooCommerce, wykonaj następujące kroki:

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

Wymagania wstępne:

Upewnij się, że WooCommerce jest zainstalowane i aktywowane na Twojej stronie WordPress.
Wykonaj kopię zapasową swojej strony przed wprowadzeniem zmian w kodzie.

Kroki implementacji:

Uzyskaj dostęp do panelu WordPress i przejdź do Wygląd > Edytor motywu lub użyj klienta FTP, aby uzyskać dostęp do plików swojego motywu.
Otwórz plik functions.php aktywnego motywu. Alternatywnie, jeśli wolisz używać wtyczki, stwórz nowy plik PHP w katalogu wtyczek i otwórz go do edycji.
Skopiuj podany fragment kodu i wklej go na końcu pliku functions.php lub pliku własnej wtyczki.
Zapisz zmiany w pliku.
Odwiedź strony produktów WooCommerce, aby upewnić się, że przycisk 'Szybkie dodanie do koszyka' pojawia się i działa zgodnie z oczekiwaniami.

Postępując zgodnie z tymi krokami, pomyślnie dodałeś przycisk 'Szybkie dodanie do koszyka' na stronach produktów WooCommerce, co poprawia doświadczenia zakupowe, umożliwiając klientom szybkie zakupy produktów.

Jeśli potrzebujesz pomocy przy implementacji lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skorzystanie z usług wp-dude.com.