Icons float left on my page. How can I center them across entire site?

Embed CSS with Font from Paymentfont. Then insert in your themes function:

// get list of activated payment methods:
function get_payment_methods(){
    $installed_payment_methods = WC()->payment_gateways->get_available_payment_gateways();
    foreach($installed_payment_methods as $method){
        $methods[] = array(
            "id"            => $method->id,
            "title"         => $method->title,
            "description"   => $method->description,
        );
    }
    return $methods;
}
add_action("woocommerce_init","get_payment_methods");

function payment_methods(){
    if($methods = get_payment_methods()){
        $html = "<ul class='payment-methods'>";
        foreach($methods as $method){
            // add more strings if needed, replace "another_id"
            $methods_id = str_replace(
                array("bacs","another_id"), // WooCommerce-Payment-ID
                array("bank-transfer","another_id"), // Payment-Font Name
                $method["id"]
            );
            $html .= '<li><i class="pf pf-'.$methods_id.' payment-method"></i></li>';
        }
        $html .= "</ul>";
        return $html;
    }
    return false;
}
add_shortcode("payment-methods","payment_methods");

then call it everywhere in your theme with
<?php echo payment_methods(); ?>
or via shortcode:
[payment-methods]
adjust output via css to your needs!

• This topic was modified 5 years, 1 month ago by nicmare.

I found how to add more icons. As long as they are defined in the PaymentFont as defined here, you can add extra lines of code as follows, in the php file /classes/class-wc-payment-methods.php

'apple-pay' => 'Apple Pay',

Then you can add the key reference to the list of methods in the widget, in our case apple-pay.

it only shows a bigger select box.

I have three payment methods enabled, Bank Transfer, PayPal and Credit Card (PayPalPro). I get icons on the checkout page for Bank Transfer and PayPal, but not for a direct Credit Card payment method.

How can I add an icon the missing method?

With WooCommerce 2.5.5 the icons were not displaying correctly on Checkout when selected. They were displaying correctly when they were not selected. I needed to add !important to the child theme CSS to override the payment-methods.min.css. Here is an example for BACS (Bank Transfers):

#payment ul.payment_methods .payment_method_bacs>label:before
{
	color:#fff !important;
}
#payment ul.payment_methods .payment_method_bacs>label:before {
	content:'\f005' !important;
}

https://www.ads-software.com/plugins/woocommerce-payment-methods/

I have looked everywhere but I can’t find the slug for Bancontact Mistercash for my Belgian customers.

tried:
bancontact-mister-cash and pf-bancontact-mister-cash

Could someone help me out!

Thanks!!!

https://www.ads-software.com/support/plugin/woocommerce-payment-methods

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hi there,

I’m not quite sure how to use your plugin. I found your tag and the shortcode, but I’d like to the payment methods to be displayed like in your screenshot “Woocommerce Checkout in action”.

Can you help me out with that?

Thanks a lot!

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hi

I have Woocommerce PayPal Pro plugin, but no logo is displayed for this at the checkout.

Is it possible for you to add support for this in the future?

In the meantime, is there a way to just get it to display the same logo as for PayPal standard?

Kind regards
Roger

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hi

Any chance on adding 2checkout payment gateway icon/logo?

https://www.2checkout.com/

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hey guys, thanks for this plugin.

I have recently added PayHub payment gateway to my store but it’s not supported. I wonder if there is a way to add support for new payment method paired with one of existing icons (e.g. pf-credit-card) by adding some extra lines to functions.php in my template folder?

Also I would kindly ask for some tutorial/detailed instructions how to customize this plugin. I’ve read the FAQ but it gives only general instructions – not very useful for someone who’s new to php/wordpress code.

Thanks for reading!

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hey guys,

I was so happy to see that some payment methods specific to Portugal are available in the payment font (https://paymentfont.io/#multibanco) but then was disappointed because can’t get this specific icon to show.

Is the iconfont bundled with the plugin up to date with the latest version of payment font?

Cheers.

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hi,
First of all, thanks for your work! These logos look great in my footer.
Though, I would like to know how I can get back the original logos on the checkout page.
For instance, I use Stripe, and now, on the checkout page, I have a Stripe” b&w logo, instead of the pics showing visa, mastercard, amex. I would like to get these back, but still use the plugin for my footer.
Christian
mapscompany.co.uk

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hi! How can i customize the displayed methods on widget?
I tried to insert the codes (https://paymentfont.io/#icons) on the classes extra but didn’t work.

Also what is the “Add code to tooltip” option for?

Thanks!

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Is there a way to change the order the payment logos are shown? At the moment it seems like they are sorted alphabetically.

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Good evening

Your plugin is awesome. Just installed it and found that it says paypal would support “Diners Club” and “JCB” but I dont think they are support through paypal with a german merchant account. Also there is the way to pay by “Lastschrift” with a german merchant account that is not included as a logo in your plugin. Here is an image of what it looks like on the paypal checkout page: https://imgur.com/EcoxleN”

I found a way to deactivate the wrong credit cards in the “class-wc-payment-methods.php” file, but how could I possibly add the “Lastschrift” logo to it?

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Hello,

Recently i installed your widget and put it on widget. I can’t get it work normal, its showing all the icons from top to bottom, not like in one line. Is it i missing something or how i can configure it? Thanks and waiting for reply.

https://www.ads-software.com/plugins/woocommerce-payment-methods/

am testing your plugin and i found nice but am looking to customize the payment method and chose only the method that we are accepted but i can’t found how would please let me know how?

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Im getting this notice:

Notice: Undefined index: title in /Users/luismartins/Sites/00_LAB/wp-multisite/wp-content/plugins/woocommerce-payment-methods/classes/class-widget-wc-payment-methods.php on line 57

I’ve looked into the code but couldn’t figure it out why is happening.

Thanks

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Im testing the plugin in a store where I only have the Paypal option enabled, this is what the plugin outputs:
https://www.dropbox.com/s/imwe90wjrtb4cjj/Screenshot%202014-10-28%2008.28.24.png?dl=0

Is this expected?

https://www.ads-software.com/plugins/woocommerce-payment-methods/

Paymill is very popular on Europe because of the slow Stripe’s rollout here. Could you please add the option to have this payment as well?

https://www.ads-software.com/plugins/woocommerce-payment-methods/