wordpress - Woocommerce lightbox shows UTF-8 characters instead of arrows -


I have a problem in my woocommerce lightbox product gallery

When they see product images, Instead of the UTF-8 letter (which I believe) I have found that it is incompatible, one minute it will show the arrows, the next will again show the E008 code. I have a screen cap to show what I am saying:

I have tried to disable all my plugins, clear the cache etc. But there is nothing to correct the problem. I also have the correct charset specified in the Meta tag

This is especially in Firefox, but Chrome sometimes has trouble displaying arrows

if any Know what the problem is (it's at my end or is it a browser issue or ..?) I really appreciate any help!

Thank you!

what's happening

< PrettyPhoto styles in the code> prettyPhoto.css (part of the WooCommerce plugin) have a font icon known as WooCommerce . The complete definition of style is below:

  @ font-face {font-family: "WooCommerce"; Font style: normal; Font-weight: 400; The format ("woff"), url ("". " ../fonts/WooCommerce.ttf ") format (" truetype "), url (" ../fonts/wooCommerce.svg # WooCommerce ") format (" SVG "); }  

And then they are using this icon font as the style of the buttons as in prettyPhoto.css :

< Pre> div.pp_woocommerce .pp_arrow_next: first, div.pp_woocommerce .pp_arrow_previous: first {font-family: WooCommerce; Content: "\ e00b"; Display area; Status: Completed; Top: 0; Left: 0; Correct: 0; Bottom: 0; Text align: center; Text indent: 0; } is the WooCommerce icon font

I see a problem ... to see the SVG file (their @ font-face is incorrect as a reference, visit:

< P> I suspect that Firefox is killing SVG and parsing CSS and making bombs (Firefox looks like a font is not available or usable). I hope they Firefox is extremely low and the next best usable src .

To ensure that this is a problem, you can try some things

  1. WooCommerce.svg Remove / plugins / woocommerce / assets / fonts / from.

  2. Maybe Firefox will be OK with missing

  3. Remove context from prettyPhoto.css file. (It is a minified file, so it can be a bit more difficult to find, but the file is right at the beginning, so it should not be too bad to find A).

If this fixes the problem, then I will report this issue. WooCommerce Support Team This will only be temporarily fixed (if you update the plugin And if they have not solved the problem then it will break for you again).


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -