Magento 2 Migration Extensions webpconverted Sale


  1. How to Move Only Some JS to the Page Bottom in Magento 2?

    Magento 2 Rocket JavaScript extension allows you to enable deferred JavaScript loading and Move JS code to the bottom of the page automatically. That way you increase the website loading speed and eliminate render-blocking.

    However, sometimes you don't need to move all JavaScripts to the bottom since there are some that aren't recommended to be moved there.

    So, in case you use the deferred JavaScripts on your Magento 2 store page and don't want to move some JavaScript to the bottom you just need to add the attribute data-rocketjavascript="false" to the <script> tag:

    Read more »
  2. Magento 2 Blog GraphQL Queries Examples

    The examples of some GraphQL queries for the Magento 2 blog module are presented in this article. With these queries, you will be able to extract the necessary blog data for Progressive Web Application (PWA). The queries are easily tested in the ChromeiQL - Chrome Browser Extension.

    Note that Magento 2 Blog GraphQL addition should be installed first.

    To check the full Blog GraphQL schema please see the 

    Read more »
  3. 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 »
  4. Resize Blog Post Images Programmatically

    To get resized post image in Magento 2 Blog you can use this code in your template files:

       $width = 100;
       $height = 150;
       $imageHelper = $this->helper(\Magefan\Blog\Helper\Image::class);
       src="<?php echo $imageHelper->init($_post->getFeaturedImg())->resize($width, $height); ?>"
       alt="<?php echo $block->escapeHtml($_post->getTitle(), null, true) ?>" />
    Read more »
  5. Change The Layout For All Magento 2 Blog Pages

    If you use Magefan Blog Extension for Magento 2 and need to change the layout e.g. from "2 columns with a right sidebar" to "2 columns with a left sidebar" for all blog pages, please do next:

    1. Create a file


    2. Add the code into it

    <?xml version="1.0"?>
    <page xmlns:xsi="" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    Read more »
  6. Add Custom Field To Magento 2 Blog Post

    If you need to extend Magento 2 Blog Module by Magefan and add a new custom text field to Blog Post edit page in Magento 2 Admin panel (Content  > Blog > Posts) you must to create a simple custom Magento 2 Extension.

    You can download a sample extension from our GitHub page or you can create it manually using the steps below:

    1. Create composer.json file

    "name": "magefan/module-blog-custom-field",
    "description": "Implements Blog functionality on Magento 2 store",
    "require": {
    "magefan/module-blog" : ">=2.8.0"
    "type": "magento2-module",
    "version": "2.0.0",
    "license": [
    "autoload": {
    "files": [ "registration.php" ],
    "psr-4": {
    "Magefan\\BlogCustomField\\": ""


    Read more »
  7. Display Tag Count In The Magento 2 Blog Tag Cloud Sidebar

    If you need to display tag count in the Magento 2 Blog tag cloud sidebar, you need to extend the tags sidebar template.

    To do this:

    1. Copy the template file from the Blog extension folder


    to your theme folder


    Read more »
  8. Remove Blog Top Link In SmartWave Porto Theme

    SmartWave Porto Theme for Magento 2 includes Magefan Blog Extension out of the box and adds the blog link to the header top links.

    If you want to remove the blog from the top links, please follow these steps:

    1. Create a new file in your child theme (ThemeVendor/theme-name) directory:

    Read more »
  9. Magento2 Ultimo Theme Blog Link in Menu

    If you have already installed Magento 2 Blog Module v2.6.2 (or later) you can easily add a blog link to the Menu on your Ultimo theme.

    Read more »
  10. The Blog Links in SmartWave Porto Mega Menu

    If you have already installed Magento 2 Blog Module v2.6.2 (or later) you can easily add a blog and blog categories links to the SmartWave Mega Menu.

    Read more »