Chinese Character in Shop Cart Icon

Hi Support Team
I have betheme 10.8 installed with woocommerce 2.5.5 and the issue I am having is that the Shop Cart Icon is a Chinese character and not the ICON i picked from BeTheme Options > Header & Subheader.

Even if I disable the icon by leaving the icon field blank, I still see the Chinese characters in the shopping buttons as you can see in the attached images.
Please help fix this and remove the Chinese icon.


Thanks

Comments

  • Hi,

    please send us link to page where you got those weird characters instead of icons.

    Thanks!
  • The URL is http://www.niletraders.com/ , in addition to the cart you also see the character in "Sliding Top"

    The only product in the system at the moment is http://www.niletraders.com/product/harar-coffee/
  • Thanks. As we can see it’s all because of the CORS library which hasn’t been installed on your server what you can see on http://pasteboard.co/wymRzEH.png

    More details about the CORS you can read on http://enable-cors.org/server.html but we recommend to contact with your server administrator this case because he will be able to help you for sure.

    Thanks!
  • Hi

    Thank you for fast response, much appreciate it. I have a subdomain http://demo.niletraders.com that I use for testing and template is working fine with no issue. BeTheme template was installed on the subdomain prior to the main website, can this cause any issue?

    I have raised the CORS with the web host provider, and they informed me that as the server is a shared environment they are not able to enable this feature.

    Thanks

  • We don't think so that sub-domain may be the reason because we also used it many times on sub-domains and never had such problem. If CORS can not be enabled on your server, you should check the link we gave you above and play with .htaccess file where this could be set as well. For more details about it you can visit http://forum.muffingroup.com/betheme/discussion/4902/icons-are-gone-cors-solved-within-htaccess

    However, if you won't be able to do this, you should contact with your web developer.

    Thanks!
  • You can add this code to your .htaccess file:

    # BEGIN WordPress
    # ----------------------------------------------------------------------
    # CORS-enabled images (@crossorigin)
    # ----------------------------------------------------------------------
    # Send CORS headers if browsers request them; enabled by default for images.
    # developer.mozilla.org/en/CORS_Enabled_Image
    # blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
    # hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
    # wiki.mozilla.org/Security/Reviews/crossoriginAttribute
    <IfModule mod_setenvif.c>
      <IfModule mod_headers.c>
        # mod_headers, y u no match by Content-Type?!
        <FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
          SetEnvIf Origin ":" IS_CORS
          Header set Access-Control-Allow-Origin "*" env=IS_CORS
        </FilesMatch>
      </IfModule>
    </IfModule>
    # ----------------------------------------------------------------------
    # Webfont access
    # ----------------------------------------------------------------------
    # Allow access from all domains for webfonts.
    # Alternatively you could only whitelist your
    # subdomains like "subdomain.example.com".
    <IfModule mod_headers.c>
      <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
        Header set Access-Control-Allow-Origin "*"
      </FilesMatch>
    </IfModule>
    # END WordPress

    This will solve your problem.
Sign In or Register to comment.