svg cc icons wont show

Hi @asdfsdfgdfgh,

Support for SVG is not determined by WordPress. SVG support is determined by the type of browser you use, which all modern browses will.

Your broken links could be caused by several factors. Your server rewrite rules may be excluding the SVG file type for example.

I would start there and also check your .htaccess file.

Kind regards,

thanks for explaining. tried adding image/svg+xml .svg in iis mime type but it breaks the whole site’s styling. googling produces hundreds of different answers, wish someone would explain the proper resolution with clear step by step instructions. hate being stuck with broken images because your plugin forces svg on me.

Hi @asdfsdfgdfgh,

We standardized the plugin with svg images because a lot of eCommerce traffic happens on mobile.

You want your images rendering nicely on retina and high contrast screens.

Perhaps you can provide the type of web server you are using? I think if you narrow your search down to that you can find more specific step by step instructions.

Kind regards,

i assumed you understood that iis was windows. again, searching produces endless answers that don’t resolve the issue.

Hello @asdfsdfgdfgh,

Since you don’t seem to be having any luck updating the mime-type of your server I recommend you use the plugin’s template feature so you can provide your own icons.

You can read about how do to this (with a credit card form but the process is the same)
Creating a custom template

What you want to do is create a folder in your active theme directory called woo-payment-gateway/checkout/payment-method-icons.php. The plugin will use this file instead of the standard file. You can then change the following line.

<?php printf('<img src="%s%s%s%s"/>', $path, 'img/payment-methods/', $method, '.svg')?>

to something like:

<?php printf('<img src="%s%s%s%s"/>', get_stylesheet_directory_uri(), 'img/payment-methods/', $method, '.png')?>

You will want to add your own card png’s to the theme’s img/payment-methods directory. When you name the png files, make sure to use the same naming convention that the plugin uses. So visa.png, master_card.png etc.

You can find all the png files that were used in prior versions at the following location:

Card PNG files

Kind Regards,

• This reply was modified 5 years, 7 months ago by Payment Plugins.

thanks for the assist.