troubleshooting

  1. Using WebP Images in CSS Background

    If you already use WebP images for your HTML <img> tags and want to enable WebP for the CSS background as well, the proper way is to use multiple backgrounds is the CSS styling.

    For example, you have an element with .png CSS background:

    .minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
        background: url(../images/icon-cart.png) no-repeat;
    }

    To switch it to the WebP, you need to convert PNG/JPG image to WebP image manualy using one of the free tools in the Internet. Save it in the same folder and use CSS like this:

    .minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
        background:
    Read more »
  2. Testing Magento 2 Auto Language Switcher

    If you have installed Magefan Auto Language Switcher Extension for Magento 2 and don't know how to test it properly, please follow these simple steps: 

    1. Enable all Magento 2 caches

    All live sites use enabled caches, so make sure that you have enabled all one when testing.

    2. Use Developer (Simulate Geolocation) 

    There is an option in Magento 2 Auto Language Switcher that allows you to test the extension performance.  

    Read more »
  3. Fixed: Related Products Template Does Not Looks Good

    In Magento 2 Blog v2.9.3 we added the feature that many customers requested about, it is "use the default catalog related products template" instead of custom blog related product template. This helps to display related products on the blog post page in the theme design automatically. The commit related to this change can be found at GitHub.

    Unfortunately, there are thousands of themes for Magento 2, and some of them have specific JS and CSS (e.g. Porto Theme). That is why if you use Blog extension v2.9.3 or greater and the related products block does not look good, please try to do next:

    1. Create a new file in your theme directory:

    app/design/frontend/ThemeVendor/themename/Magefan_Blog/layout/blog_post_view.xml

    Read more »
  4. Login As Customer extension v2.0.0 - v2.2.2 Important Security Issue Fix

    Today (Feb 12, 2020) we have been notified about a potential security issue in our Magento 2 Login as Customer Extension thanks to Daniel Sloof's tweet.

    Reviewing the code and communicating with Derrick HeesbeenLewis Voncken from experius.nl there was found the security issue.

    Note that, no

    Read more »
  5. How to Remove Currency Switcher in Magento 2?

    There are different reasons you would want to remove the currency switcher dropdown from Magento 2 storefront.

    Magento 2 Currency Switcher Remove

    For example, you may want to remove it because you use Magento 2 Automatic Currency Switcher and don't want to allow customers to manually change a currency.

    In order to remove the currency switcher dropdown follow these steps:

    1. Create a new file inside your storefront theme folder:

    app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/layout/default.xml

    2. Add this code into it:

    <?xml version="1.0"?>
    <page
    Read more »
  6. How to Remove Language Switcher in Magento 2?

    There are cases when you want to remove the language switcher dropdown from the storefront that allows selecting different languages.

    Magento 2 Language Switcher Remove

    For example, you may want to remove it because you use Magento 2 Automatic Language Switcher and don't want to allow customers to manually change a store view.

    It is an easy task to do. Please follow these simple steps:

    1. Create a new file inside your storefront theme folder:

    app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/layout/default.xml

    2. Add this code into it:

    <?xml
    Read more »
  7. Magento sidebar is missing fix

    There are cases when the Magento sidebar is missing and not showing. Most likely this is because of the "sidebar" or "sidebar.additional" container has been removed from your theme layout.

    Magento sidebar is missing

    Read more »
  8. GraphQL Queries Testing

    In order to easily test the GraphQL queries all you need to do is install the ChromeiQL extension for Chrome Browser by pressing the Add to Chrome.

    Chromeigl Extension

    Once you have added it you will see the extension icon in the right top corner of the browser window. Pressing it will move you to the new window where the testing is actually conducted.

    This is the example of how we test the GraphQL query for Magefan Magento 2 Blog module:

    1. Set the Endpoint URL in the corresponding field.
    2. In the left field set the query. It is also allowed to state the query parameters if needed below
    Read more »
  9. The following required properties are missing: fb:app_id

    When you test your page using Facebook Sharing Debugger and get the warning "The following required properties are missing: fb:app_id",

    Magento 2 Required Properties Facebook

    you need to add fb:app_id meta tag to the <head> tag of your page:

    <meta property="fb:app_id" content="ХХХХХХХХХХХХХХХ" />

    Replace ХХХХХХХХХХХХХХХ with your Facebook App ID.

     

    Read more »
  10. Why sharing link does not show image on Facebook?

    There are times when you share the link on Facebook and thumbnail image doesn't show up or it does appear, but it is not the picture you've expected to be shown. In order to fix these steps should be taken:

    1. Verify if there are OG tags on your website. 

    Search for a code <meta property=og: , pressing the Ctrl+U shortcut to open the page source code, example:

    <meta property="fb:app_id" content="102143277123049" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Development team for your Magento 2 store | Magefan" />
    <meta property="og:description" content="Magefan is development team, gathered together in October 2015 shortly before Magento 2 release. We&#039;ve all been waiting for Magento 2 and this is it. Now we can surprise you with our solutions." />
    <meta property="og:
    Read more »
Posts loader
^Top
Chat