Integrate Google Pay WooCommerce

<?php echo do_shortcode('[woocommerce_payment_request_button]'); ?>

script-src 'self' https://pay.google.com https://*.gstatic.com https://js.stripe.com;
    frame-src  'self' https://pay.google.com https://*.gstatic.com https://js.stripe.com;
    connect-src 'self' https://api.stripe.com https://r.stripe.com https://q.stripe.com;

add_filter('woocommerce_payment_gateways', function($methods){
  $methods[] = 'WC_GPay_Via_PayPal';
  return $methods;
});

add_action('plugins_loaded', function(){
  class WC_GPay_Via_PayPal extends WC_Payment_Gateway {
    public function __construct(){
      $this->id                 = 'gpay_via_paypal';
      $this->method_title       = __('Google Pay (via PayPal)', 'yourtext');
      $this->method_description = __('Pay quickly with Google Pay, processed by PayPal.', 'yourtext');
      $this->has_fields         = true;
      $this->title              = __('Google Pay', 'yourtext');
      $this->enabled            = 'yes';
    }
    public function payment_fields(){
      echo '<p>' . esc_html__('Click the Google Pay button to complete your order.', 'yourtext') . '</p>';
      echo '<div id="gpay-only-helper" style="display:none;"></div>';
    }
    public function process_payment($order_id){
      // Never called because the PayPal button completes the payment.
      return ['result' => 'fail'];
    }
  }
});

add_action('wp_enqueue_scripts', function(){
  if (is_checkout()) {
    wp_add_inline_script('jquery-core', '
      jQuery(function($){
        const PAYPAL_METHOD_ID = "ppcp-gateway"; // PayPal Payments gateway id
        function showOnlyGPay(){
          // Select PayPal method
          const $pp = $("#payment_method_" + PAYPAL_METHOD_ID);
          if ($pp.length) { $pp.prop("checked", true).trigger("change"); }
          // Hide other funding buttons, show only Google Pay
          const container = document.querySelector("[data-ppcp-element="buttons"]") || document.querySelector("#paypal-button-container, .ppcp-button-container");
          if (!container) return;
          // PayPal uses data-funding-source on each rendered button
          container.querySelectorAll("[data-funding-source]").forEach(el=>{
            el.style.display = (el.getAttribute("data-funding-source") === "googlepay") ? "" : "none";
          });
          // Scroll to button
          container.scrollIntoView({behavior:"smooth", block:"center"});
        }
        // When user selects our custom radio
        $(document.body).on("change", "input[name=payment_method]", function(){
          if (this.value === "gpay_via_paypal") {
            // Give PayPal a tick to render if needed
            setTimeout(showOnlyGPay, 200);
          }
        });
        // If our method is preselected (refresh), enforce again
        if ($("input#payment_method_gpay_via_paypal").is(":checked")) {
          setTimeout(showOnlyGPay, 300);
        }
      });
    ');
  }
});

script-src 'self' https://pay.google.com https://*.gstatic.com https://www.paypal.com;
frame-src  'self' https://pay.google.com https://*.gstatic.com https://www.paypal.com;

<?php
/**
 * Plugin Name: Google Pay – separate radio (via PayPal)
 * Description: Adds a separate "Google Pay" payment method that piggybacks WooCommerce PayPal Payments and shows only the Google Pay button.
 * Author: Your Team
 * Version: 1.0.0
 * Requires Plugins: woocommerce
 */

if (!defined('ABSPATH')) { exit; }

add_filter('woocommerce_payment_gateways', function($methods){
    $methods[] = 'WC_GPay_Via_PayPal';
    return $methods;
});

add_action('plugins_loaded', function(){
    if (!class_exists('WC_Payment_Gateway')) return;

    class WC_GPay_Via_PayPal extends WC_Payment_Gateway {
        public function __construct(){
            $this->id                 = 'gpay_via_paypal';
            $this->icon               = ''; // you can add a GPay SVG here
            $this->method_title       = __('Google Pay (via PayPal)', 'gpay-radio');
            $this->method_description = __('Pay quickly with Google Pay. Processing is handled by PayPal.', 'gpay-radio');
            $this->has_fields         = true;
            $this->title              = __('Google Pay', 'gpay-radio');
            $this->enabled            = 'yes';
        }

        public function payment_fields(){
            echo '<p>'.esc_html__('Click the Google Pay button to complete your order.', 'gpay-radio').'</p>';
            // Marker to detect our method in JS
            echo '<div id="gpay-only-helper" data-gpay-helper="1" style="display:none"></div>';
        }

        // Never actually processes; PayPal button will handle the order.
        public function process_payment($order_id){
            wc_add_notice(__('Please use the Google Pay button above to complete payment.', 'gpay-radio'), 'error');
            return ['result' => 'failure'];
        }
    }
});

/**
 * Front-end logic:
 * - When our radio is picked, auto-select PayPal and render its buttons if needed.
 * - Hide every PayPal funding button except Google Pay.
 * - Scroll the shopper to the button.
 */
add_action('wp_enqueue_scripts', function(){
    if (!function_exists('is_checkout') || !is_checkout()) return;

    $code = <<<JS
    jQuery(function($){
      // Adjust if your PayPal gateway ID differs:
      const PAYPAL_METHOD_ID = "ppcp-gateway"; // WooCommerce PayPal Payments (default)

      // Potential containers where the PayPal buttons are rendered (Classic checkout).
      const candidateSelectors = [
        '[data-ppcp-element="buttons"]',
        '.ppcp-button-container',
        '#paypal-button-container',
        '.wc-paypal-payments-buttons'
      ];

      function findButtonsContainer(){
        for (const sel of candidateSelectors){
          const el = document.querySelector(sel);
          if (el) return el;
        }
        // If not found yet, try inside the PayPal method wrapper
        const ppWrap = document.getElementById('payment_method_' + PAYPAL_METHOD_ID)?.closest('li') || null;
        if (ppWrap){
          const el = ppWrap.querySelector('[data-ppcp-element="buttons"], .ppcp-button-container, #paypal-button-container, .wc-paypal-payments-buttons');
          if (el) return el;
        }
        return null;
      }

      function showOnlyGooglePay(){
        // Ensure PayPal method is selected so the plugin initializes its buttons
        const $ppRadio = $("#payment_method_" + PAYPAL_METHOD_ID);
        if ($ppRadio.length && !$ppRadio.is(":checked")){
          $ppRadio.prop("checked", true).trigger("change");
        }

        // Wait a moment for buttons to render
        let tries = 0;
        const maxTries = 40; // ~4s
        const t = setInterval(function(){
          tries++;
          const container = findButtonsContainer();
          if (container){
            // PayPal renders each button with a funding source attribute
            const btns = container.querySelectorAll("[data-funding-source], [data-funding-source*='google']");
            // Hide all buttons except Google Pay
            container.querySelectorAll("[data-funding-source]").forEach(el => {
              const fs = el.getAttribute("data-funding-source") || "";
              el.style.display = (fs === "googlepay") ? "" : "none";
            });

            // If no Google Pay available, show a gentle notice
            const hasGPay = container.querySelector("[data-funding-source='googlepay']");
            if (!hasGPay){
              // Make sure container is visible (in case PayPal delayed render)
              // Add a small inline message for the user
              let msg = container.querySelector(".gpay-eligibility-msg");
              if (!msg){
                msg = document.createElement('div');
                msg.className = 'gpay-eligibility-msg';
                msg.style.marginTop = '8px';
                msg.style.fontSize = '13px';
                msg.textContent = "Google Pay isn’t available on this device/browser.";
                container.appendChild(msg);
              }
            }

            // Bring into view
            container.scrollIntoView({behavior: "smooth", block: "center"});
            clearInterval(t);
          } else if (tries >= maxTries){
            clearInterval(t);
          }
        }, 100);
      }

      function onPaymentMethodChanged(){
        const picked = $('input[name=payment_method]:checked').val();
        if (picked === 'gpay_via_paypal'){
          // Enforce our Google Pay-only view
          showOnlyGooglePay();
        }
      }

      // Bind change
      $(document.body).on('change', 'input[name=payment_method]', onPaymentMethodChanged);

      // Handle reloads where our method might be pre-selected
      if ($('input#payment_method_gpay_via_paypal').is(':checked')){
        showOnlyGooglePay();
      }

      // If the PayPal radio is selected later (user switches back), allow all buttons again
      $(document.body).on('change', 'input#payment_method_' + PAYPAL_METHOD_ID, function(){
        const container = findButtonsContainer();
        if (!container) return;
        container.querySelectorAll("[data-funding-source]").forEach(el => {
          el.style.display = ""; // reset
        });
        const msg = container.querySelector(".gpay-eligibility-msg");
        if (msg) msg.remove();
      });
    });
    JS;

    // Use jQuery core handle to inline our script after jQuery loads
    wp_add_inline_script('jquery-core', $code);
});

script-src 'self' https://www.paypal.com https://pay.google.com https://*.gstatic.com;
  frame-src  'self' https://www.paypal.com https://pay.google.com https://*.gstatic.com;