img-tag on SEPA not working – payment icon
-
Hey,
till yesterday I used the plugin version 5.7. To display my own payment icons for credit card, SEPA, klarna and giropay I clicked to woocommerce/settings/payments/manage and added an img-tag to the title of the payment method – for example of the credit card:Title: credit card <img src=”…
I made it for all payment methods and it worked fine!
Yesterday, I updated the plugin from version 5.7 to 5.9 and now the img-tag of SEPA seems to be gone. In the woocommerce settings the logo is gone.
And in the SEPA-settings there exist no img-tag in the name-field anymore.
When I try to add a img-tag in the name field of SEPA and click *save changes* – nothing happens. It is not saving the img-tag. When I reload the page, the added img-tag is gone.
The result is that on the checkout page no SEPA icon is displayed.
With the other payment methods there is no problem. I can add and save a img-tag for example the credit card field without a problem.
Just the SEPA field is not saving the img-tag.
I also tried the versions 5.8.1 and 5.8. The problems are the same. Just in the version 5.7 there is not a problem with the img-tag.
Thanks in advance!
-
Hi @ensalock,
Thanks for reaching out to us.
I just ran through a test on my site and cannot seem to replicate the same:
Link to image: https://d.pr/i/k27OCSIt would be great if you could share your current System Status Report. You can get it by navigating to the
WooCommerce / Status
section of your site. Once there, click on theGet system report
button and then copy it by clicking on theCopy for support
button. Then paste it here in your reply.I’m thinking this is caused by a conflict with your theme or with another plugin. Read more about plugin and theme conflicts in our Self-Service Guide.
**How to test for conflicts**
The best way to determine if the issue is being caused by a theme and/or plugin is to:
1. Temporarily switch your theme to Storefront or Twenty Twenty theme.
2. Try to reproduce the problem:?
If the problem is resolved, it’s a theme conflict. If not, continue to the next steps.
3. Temporarily deactivate all plugins except WooCommerce and Stripe. You can do this manually or use a plugin to help (see below for tools).
4. Try to reproduce the problem again. If the problem is resolved, it’s a plugin conflict. To figure out which plugin is causing the problem, continue to the next step.
5. Reactivate your other plugins one by one, testing after each, until you find the one causing conflict.For more detailed instructions, check out How to test for plugin and theme conflicts.
Please let us know how that goes.
**Tools to help with troubleshooting**
Meks Quick Plugin Disabler will remember what plugins you had active when you switch it back on.
You can clone your site to a staging environment and perform tests without modifying your live site or impacting customers. Many hosts provide staging facilities, so it’s worth checking in with them. It’s also possible to do it using the free WP Staging plugin.
We look forward to hearing from you.
-
This reply was modified 3 years, 2 months ago by
Nicholas E.
-
This reply was modified 3 years, 2 months ago by
Nicholas E.
Hey Nicholas,
thanks for your help!I did a full conflict test. The result was negative. The problem was still the same. It depends not on the theme or another plugin.
Here is my system report:
### WordPress Environment ### WordPress address (URL): https://konsumclown.de Site address (URL): https://konsumclown.de WC Version: 6.0.0 REST API Version: ? 6.0.0 WC Blocks Version: ? 6.3.3 Action Scheduler Version: ? 3.3.0 WC Admin Version: ? 2.9.4 Log Directory Writable: ? WP Version: 5.8.2 WP Multisite: – WP Memory Limit: 128 MB WP Debug Mode: – WP Cron: ? Language: de_DE External object cache: – ### Server Environment ### Server Info: nginx/1.17.5 PHP Version: 7.4.25 PHP Post Max Size: 2 GB PHP Time Limit: 300 PHP Max Input Vars: 10000 cURL Version: 7.58.0 OpenSSL/1.1.1j SUHOSIN Installed: – MySQL Version: 5.5.5-10.4.21-MariaDB-1:10.4.21+maria~bionic Max Upload Size: 2 GB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 6.0.0 WC Database Prefix: wp_hlrkzucsnr_ Datenbank-Gesamtgr??e: 31.19MB Datenbank-Datengr??e: 22.52MB Datenbank-Indexgr??e: 8.67MB wp_hlrkzucsnr_woocommerce_sessions: Daten: 0.05MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_api_keys: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_attribute_taxonomies: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_downloadable_product_permissions: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_order_items: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_order_itemmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_tax_rates: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_tax_rate_locations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_shipping_zones: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_shipping_zone_locations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_shipping_zone_methods: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_payment_tokens: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_payment_tokenmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_woocommerce_log: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_actionscheduler_actions: Daten: 0.11MB + Index: 0.13MB + Engine InnoDB wp_hlrkzucsnr_actionscheduler_claims: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_actionscheduler_groups: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_actionscheduler_logs: Daten: 0.09MB + Index: 0.09MB + Engine InnoDB wp_hlrkzucsnr_commentmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_comments: Daten: 0.02MB + Index: 0.09MB + Engine InnoDB wp_hlrkzucsnr_ewwwio_images: Daten: 2.52MB + Index: 1.77MB + Engine InnoDB wp_hlrkzucsnr_ewwwio_queue: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_links: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_ms_snippets: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_nextend2_image_storage: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_nextend2_section_storage: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_hlrkzucsnr_nextend2_smartslider3_generators: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_nextend2_smartslider3_sliders: Daten: 0.05MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_nextend2_smartslider3_sliders_xref: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_nextend2_smartslider3_slides: Daten: 0.05MB + Index: 0.11MB + Engine InnoDB wp_hlrkzucsnr_options: Daten: 2.23MB + Index: 0.19MB + Engine InnoDB wp_hlrkzucsnr_postmeta: Daten: 3.52MB + Index: 4.03MB + Engine InnoDB wp_hlrkzucsnr_posts: Daten: 12.52MB + Index: 0.56MB + Engine InnoDB wp_hlrkzucsnr_ppress_forms: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_ppress_formsmeta: Daten: 0.06MB + Index: 0.05MB + Engine InnoDB wp_hlrkzucsnr_ppress_meta_data: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_rank_math_internal_links: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_rank_math_internal_meta: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_snippets: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_social_users: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_termmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_terms: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_term_relationships: Daten: 0.06MB + Index: 0.05MB + Engine InnoDB wp_hlrkzucsnr_term_taxonomy: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_usermeta: Daten: 0.05MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_users: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_hlrkzucsnr_wcpdf_invoice_number: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_wc_admin_notes: Daten: 0.05MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_wc_admin_note_actions: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_wc_category_lookup: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_wc_customer_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_wc_download_log: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_wc_order_coupon_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_wc_order_product_lookup: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_hlrkzucsnr_wc_order_stats: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_hlrkzucsnr_wc_order_tax_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_hlrkzucsnr_wc_product_meta_lookup: Daten: 0.14MB + Index: 0.30MB + Engine InnoDB wp_hlrkzucsnr_wc_rate_limits: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_wc_reserved_stock: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_wc_tax_rate_classes: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_wc_webhooks: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_hlrkzucsnr_wpfm_backup: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_wpforms_tasks_meta: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hlrkzucsnr_wpvgw_markers: Daten: 0.02MB + Index: 0.08MB + Engine InnoDB wp_hlrkzucsnr_wpvgw_posts_extras: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB ### Post Type Counts ### attachment: 573 custom_css: 2 customize_changeset: 758 nav_menu_item: 9 page: 10 pile_portfolio: 2 post: 1 product: 119 product_variation: 966 revision: 3 shop_order: 1 wpforms: 1 ### Security ### Secure connection (HTTPS): ? Hide errors from visitors: ? ### Active Plugins (17) ### Customify: von Pixelgrade – 2.10.4 Customizer Export/Import: von The Beaver Builder Team – 0.9.2 Enable Media Replace: von ShortPixel – 3.6.3 Kadence WooCommerce Email Designer: von Kadence WP – 1.4.9 Loco Translate: von Tim Whitlock – 2.5.5 PixCodes: von PixelGrade – 2.3.6 Pixelgrade Care: von Pixelgrade – 1.10.0 PixTypes: von Pixelgrade – 1.4.14 Printful Integration for WooCommerce: von Printful – 2.1.27 SVG Support: von Benbodhi – 2.3.19 WooCommerce Invoice Gateway: von Stuart Duff – 1.0.6 Checkout Field Editor for WooCommerce: von ThemeHigh – 1.5.1 WooCommerce Checkout Field Save: von Scott Bolinger – 0.0.1 WooCommerce Stripe-Gateway: von WooCommerce – 5.9.0 WooCommerce: von Automattic – 6.0.0 WP-Dateimanager: von mndpsingh287 – 7.1.2 Prosodia VGW OS: von Prosodia – Verlag für Musik und Literatur – 3.25.2 ### Inactive Plugins (0) ### ### Settings ### API Enabled: ? Force SSL: – Currency: EUR (€) Currency Position: right_space Thousand Separator: . Decimal Separator: , Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) variable (variable) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: – ### WC Pages ### Shop-Basis: #1031 - /shop/ Warenkorb: #1032 - /cart/ Kasse: #1033 - /checkout/ Mein Konto: ? Seite nicht festgelegt Allgemeine Gesch?ftsbedingungen: ? Seite nicht festgelegt ### Theme ### Name: Pile Version: 2.5.1 Author URL: https://pixelgrade.com Child Theme: ? – Wenn du WooCommerce mit einem Theme das du nicht selbst entwickelt hast an eigene Bedürfnisse anpasst dann empfehlen wir die Verwendung eines Child-Themes. Siehe Wie du ein Child-Theme erstellst (engl.) WooCommerce Support: ? ### Templates ### Overrides: pile/woocommerce/archive-product.php pile/woocommerce/content-product.php pile/woocommerce/loop/loop-end.php pile/woocommerce/loop/loop-start.php pile/woocommerce/single-product/related.php pile/woocommerce/single-product/tabs/description.php pile/woocommerce/single-product/tabs/tabs.php pile/woocommerce/single-product/up-sells.php pile/woocommerce/content-product_cat.php ### Action Scheduler ### Abgeschlossen: 295 Oldest: 2021-11-16 00:49:07 +0100 Newest: 2021-12-16 04:18:32 +0100 Ausstehend: 2 Oldest: 2021-12-17 01:07:18 +0100 Newest: 2021-12-22 02:24:25 +0100 ### Status report information ### Generated at: 2021-12-22 02:32:56 +01:00
Hey again!
Thanks for sending that info in.
I went to look at your site checkout to see if there’s some CSS or similar hiding it, or what is going on, but it looks like it requires a password to access the site.
Is there a way to get access? It’s pretty hard to work on a site we can’t see.
Hey,
I′m sorry. I removed the password protection.Thank you!
Hi @ensalock
Thanks for disabling the password protection. I checked your site and found no CSS or other type of code hiding the image.
Looking at the code of your checkout page, I can see that, indeed, the
<img>
tag hasn’t been included on the payment method name.Since you’ve already performed a conflict test, at this point the best next step would be re-installing the plugin so the database tables are refreshed.
Could you please give that a try a let us know how that goes? Please don’t forget to take a backup before re-installing.
Hey,
thank you very much! I re-installed the plugin and tried again. Nothing changed.When I go to woocommerce/settings/payments/sepa direct debit the name field is shown without an img-tag.
When I try to add an img-tag to the name field and click “Save changes”, it seems that the img-tag is saved.
But when I refresh the page, the img-tag disappears from the name field automatically.
So I think that the img-tag is not saved and is not transferred to html. As a result of this, the img is not shown on the checkout page. In Plugin Version 5.7 I had no problems. Could have something to do, that the input style changed in the following plugin version?
Hi there!
I understand you’re trying to add custom icons to payment methods via Name field:
Link to image: https://d.pr/i/lfCSWHHowever, the recommended way to update the icons is via custom coding as per: How can I change the payment icons used such as Visa, Mastercard…etc?
I tried the following snippet for
sepa
and that worked as expected:add_filter( 'wc_stripe_payment_icons', 'change_my_icons' ); function change_my_icons( $icons ) { $icons['sepa'] = '<img src="ADD_IMAGE_URL_HERE" />'; return $icons; }
Results on my test site:
Link to image: https://d.pr/i/XYMW27Hey,
thank you very much! The snippet worked!Thanks for your help!
You are most welcome @ensalock !
I’ll mark this thread as resolved for now. Should you have any questions, please let us know.
-
This reply was modified 3 years, 2 months ago by
- The topic ‘img-tag on SEPA not working – payment icon’ is closed to new replies.