• Resolved ensalock

    (@ensalock)


    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.

    1

    And in the SEPA-settings there exist no img-tag in the name-field anymore.

    3

    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.

    4

    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.

    2

    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!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Nicholas E

    (@nicholasje)

    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/k27OCS

    It 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 the Get system report button and then copy it by clicking on the Copy 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.
    Thread Starter ensalock

    (@ensalock)

    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
    
    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    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.

    Thread Starter ensalock

    (@ensalock)

    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.

    Thread Starter ensalock

    (@ensalock)

    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.

    1

    When I try to add an img-tag to the name field and click “Save changes”, it seems that the img-tag is saved.

    2

    But when I refresh the page, the img-tag disappears from the name field automatically.

    3

    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?

    Plugin Support Aashik P – a11n

    (@aashik)

    Hi there!

    I understand you’re trying to add custom icons to payment methods via Name field:

    Custom-icon
    Link to image: https://d.pr/i/lfCSWH

    However, 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/XYMW27

    Thread Starter ensalock

    (@ensalock)

    Hey,
    thank you very much! The snippet worked!

    Thanks for your help!

    Plugin Support nathvi V. a11n

    (@nathvi)

    You are most welcome @ensalock !

    I’ll mark this thread as resolved for now. Should you have any questions, please let us know.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘img-tag on SEPA not working – payment icon’ is closed to new replies.