Docs

[thobri]

Hi there

How do you show the paypal icon – as well as credit cards logos for other payment solutions – on the checkout page?
Seems like it is disabled somewhere but cannot find out where.

I am using childtheme and have tried adding this in my css:
.woocommerce-checkout .checkout .payment_methods label img {
display: inherit;
}

No success…

Hope you can help as usual.

Thanks

Regards Thobri

[thobri]

This reply has been marked as private.

[Prasant Rai]

Hey There,

Thanks fro writing in!

You can WooCommerce Accepted Payment Methods plugins.

Hope that helps.

Thanks.

[thobri]

No – that’s not what I am looking for…

I offer 2 payment-options:

1. Paypal
2. Credit cards (visa, master, American Express and a few more)

Normally there is a Paypal logo next to the “Paypal – What is Paypal?” heading. This must have been hidden in theme or css. I am using childtheme integrity_light. How do I get the standard Paypal logo back?

Regarding No. 2 – credit cards – I am sure I can get it to work showing the card icons in the same manner as Paypal once I have the logo back.

Is it not true that you hide the paypal icon in theme somehow?

Thanks.

[Darshana]

This reply has been marked as private.

[thobri]

This reply has been marked as private.

[Paul R]

Hi Thobri,

To change it, you can add this under Custom > Javascript in the Customizer.

jQuery(function($) {
    $('.woocommerce-checkout-payment .payment_method_epay_dk img').attr( "src", "image.jpg" );
});

Change image.jpg with the absolute path of your epay image

Hope that helps.

[thobri]

Thanks a lot!

Cheers

[Paul R]

You’re welcome!

[Thomas L]

Hey guys,

I have the same question but the staff reply is marked as private. How do I display the CC’s and Paypal images on the checkout page?

Thanks!

[Thomas L]

Actually just found the CSS line I needed to overwrite.

For people looking to find it the magic happens here on Integrity Light (at least):

.woocommerce-account .checkout .payment_methods label img, .woocommerce-account .form-edit-address .payment_methods label img, .woocommerce-checkout .checkout .payment_methods label img, .woocommerce-checkout .form-edit-address .payment_methods label img {
display: none;
}

Just override by something like
.woocommerce-account .checkout .payment_methods label img, .woocommerce-account .form-edit-address .payment_methods label img, .woocommerce-checkout .checkout .payment_methods label img, .woocommerce-checkout .form-edit-address .payment_methods label img {
display: inline !important;
}

And take care of whatever formating problem you might have.

[Paul R]

Thanks for sharing.

Have a nice day!

[194roc]

Hi Thomas, I have the same problem on my site.

Where esactly is locate the CSS file that need to be modified. I am using renew child theme, but if you could send your path I should be able to apply it to my situation.

One more thing, changing those setting, will it work with the next update of the theme or should I modified it any times a update is done ?

Thanks,

Roberto

[Christopher]

Hi Robert,

I’ve already provided you with CSS to insert paypal icon in checkout page in your other topic, CSS won’t alter during theme update.

Thanks.

[194roc]

Hello there,

you are absolutely right, and I fix it with your code, but as I did for PayPal, I would like to insert an image related to the credit card accepted.
I try to insert the code below in the customizer but it doesn’t work

jQuery(function($) {
    $('.woocommerce-checkout-payment .payment_method_epay_dk img').attr( "src", "image.jpg" );
});

Than I try to insert a different code as below and seems to work. Is it correct ?

/* visualizza il logo cartecredito nella pagina di checkout */
li.payment_method_gestpay-starter
label:before {
  content: url("http://www.castello.it/wp-content/plugins/woocommerce/includes/gateways/simplify-commerce/assets/images/cards.png");
  vertical-align: middle;
}

Thanks,

Roberto

[Author]

Posts