
If you are finding a way to get all customer groups in Magento 2 then you are in a right place. This article is all about what you are looking for.

I assume that you already have module. So, first you need to create one class file, if you already have it then use that and add below code into your class.

```php
/**
 *
 * @var \Magento\Customer\Model\ResourceModel\Group\Collection
 */
protected $customerGroups;
    
/**
 * ...
 * @param \Magento\Customer\Model\ResourceModel\Group\Collection $customerGroups
 * ...
 */
public function __construct(
    ...
    \Magento\Customer\Model\ResourceModel\Group\Collection $customerGroups,        
    ...
) {
    ...
    $this->customerGroups = $customerGroups;        
    ...
}
/**
 * 
 * @return array
 */ 
public function getCustomerGroups() {
    $customerGroups = $this->customerGroups->toOptionArray();
    return $customerGroups;
}
```

In above code `getCustomerGroups` will returns the array of all customer groups. So, you can use this function as per your need.

**That’s it.**

I hope this post helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


If you are finding a way to get all customer groups in Magento 2 then you are in a right place. This article is all about what you are looking [[...](/blog/how-to-get-customer-groups-in-magento-2)]

How to Get Customer Groups in Magento 2


Most of the time our client wants to add custom sorting options on their website and most of the developers are looking for a solution for that. So, we have written this article for those developers who are looking for a solution to add custom filters on the category page.

In this article, I will give you simple steps to add custom sorting in the category of Magento. Please follow the below simple steps to add custom sorting in Magento 2.

Before we start I assume, you have already a created custom module. If you don't have it or don't know how to create it then check out our other article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

**Let's get started!!**

**1.** Create a `di.xml` file in a module at the below path.

```bash
app\code\Devhooks\HelloWorld\etc\di.xml
```

Paste below code inside the file.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
	<type name="Magento\Catalog\Model\Config">
		<plugin name="catalog_config_plugin" type="Devhooks\HelloWorld\Plugin\Config"/>
	</type>
	<type name="Magento\Catalog\Block\Product\ProductList\Toolbar">
		<plugin name="catalog_productlist_toolbar_plugin"type="Devhooks\HelloWorld\Plugin\Product\ProductList\Toolbar" />
	</type>
</config>
```

In above, `Devhooks` is a Namespace name and `HelloWorld` is a Module name. So, please don't forget to change it with your Namespace and Module Name.

**2.** Create a `Config.php` file in a module at the below path.

```bash
app\code\Devhooks\HelloWorld\Plugin\Config.php
```

Paste below code inside the file.

```php
<?php
namespace Devhooks\HelloWorld\Plugin;

class Config
{
    public function afterGetAttributeUsedForSortByArray(\Magento\Catalog\Model\Config $catalogConfig, $options)
    {
        $optionsnew = ['latest' => __('Latest Products')];
        $options = array_merge($options, $optionsnew);
        return $options;
    }
}
```

**3.** Create a `Toolbar.php` file in a module at the below path.

```bash
app\code\Devhooks\HelloWorld\Plugin\Product\ProductList\Toolbar.php
```

Paste below code inside the file.

```php
<?php
namespace Devhooks\HelloWorld\Plugin\Product\ProductList;

class Toolbar
{
    public function aroundSetCollection(
        \Magento\Catalog\Block\Product\ProductList\Toolbar $subject,
        \Closure $proceed,
        $collection
    ) {
        $currentOrder = $subject->getCurrentOrder();
        if ($currentOrder == "latest") {
            $dir = $subject->getCurrentDirection();
            $collection->getSelect()->order('created_at' . $dir);
        }
        return $proceed($collection);
    }
}
```

**4.** Open Command line in folder root of magento and run the below [command](/blog/useful-magento-2-commands-via-ssh-cmd).

```bash
php bin/magento cache:clean
//or
php bin/magento cache:flush
```

**That’s it!** Now visit your site and navigate to category page, and check new sorting option.

I hope this Magento article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.


Most of the time our client wants to add custom sorting options on their website and most of the developers are looking for a solution for that. So, we have [[...](/blog/how-to-add-custom-sorting-in-category-of-magento2)]

How to Add Custom Sorting in Category of Magento 2


As we all know by default Magento 2 provides a list of commands which we'll regularly use. But, in some cases, we'll need to create some custom commands to fulfill our other requirements. So, this article is all about that.

**Let's learn how to create a custom command in Magento 2?**

You need to follow some simple steps to create new Magento 2 CLI command.

Before we start I assume, you have already a created custom module. If you don't have it or don't know how to create it then check out our other article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

### 1. Define Command in di.xml file

Create a `di.xml` file at `app/code/Devhooks/HelloWorld/etc/di.xml` and paste the below code.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/ObjectManager/etc/config.xsd">
   <type name="Magento\Framework\Console\CommandList">
       <arguments>
           <argument name="commands" xsi:type="array">
               <item name="Customcommand" xsi:type="object">Devhooks\HelloWorld\Console\Customcommand</item>
           </argument>
       </arguments>
   </type>
</config>
```

### 2. Define Custom Command Class

Create a `Customcommand.php` class file at `app/code/Devhooks/HelloWorld/Console/Customcommand.php` and paste the below code.

```php
<?php

namespace Devhooks\HelloWorld\Console;

use Symfony\Component\Console\Command\Command;
use Symfony\Component\Console\Input\InputInterface;
use Symfony\Component\Console\Input\InputOption;
use Symfony\Component\Console\Output\OutputInterface;

class Customcommand extends Command
{
    const NAME = 'name';

    protected function configure()
    {
        $this->setName('devhooks:first:command');
        $this->setDescription('This is devhooks first console command.');
        $this->addOption(
            self::NAME,
            null,
            InputOption::VALUE_REQUIRED,
            'Name'
        );

        parent::configure();
    }

    protected function execute(InputInterface $input, OutputInterface $output)
    {
        if ($name = $input->getOption(self::NAME)) {
            $output->writeln('<info>Provided name is `' . $name . '`</info>');
        }

        $output->writeln('<info>Success Message.</info>');
        $output->writeln('<error>An error encountered.</error>');
        $output->writeln('<comment>Some Comment.</comment>');
    }
}
```

In above code in `configure()` function we have define new command name, description and it's option. Here `addOption` is a optional if you required any parameter with your command then you can use it.

Here we have use `name` as a required parameter. If you don't want to use `name` as require parameter then you just need to remove `InputOption::VALUE_REQUIRED,` line from the `addOption`.

Also, we have define `execute()` function in above code and it'll execute when you run `devhooks:first:command` in command line.

**Bingo!!** we are done, now open command line and move to root folder of magento and run below [command](/blog/useful-magento-2-commands-via-ssh-cmd) and flush magento cache.

```bash
php bin/magento c:f
```

And run below command to check the Magento command list and find your command in a list.

```bash
php bin/magento
```

Also, you can run your command with option like below

```bash
php bin/magento devhooks:first:command --name "Dev hooks"
```

**That's it!!**

If you are a beginner and want to know more about Magento 2 other Commands then check out our other article which is [Useful Commands for Magento 2](/blog/useful-magento-2-commands-via-ssh-cmd).

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.



As we all know by default Magento 2 provides a list of commands which we'll regularly use. But, in some cases, we'll need to create some custom commands to fulfill [[...](/blog/magento-2-how-to-create-a-custom-console-command)]

How to Create a Custom Console Command in Magento 2


In this article, we'll look at how to add custom links in Magento 2. In Magento 2 we are able to customize in a three following way.

- Add a custom link on top navigation using a layout in Magento 2
- Add a custom link on top navigation using a plugin in Magento 2
- Add a custom link on top navigation using an observer in Magento 2

So, please follow the below simple steps to add custom links in the top menu in Magento 2.

Before we start I assume, you have already a created custom module. If you don't have it or don't know how to create it then check out our other article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

Let's get started!!

### 1. Add a custom link on top navigation using a layout in Magento 2

First We'll need to create a `default.xml` file in our module at below path.

```bash
app/code/Devhooks/HelloWorld/view/frontend/layout/default.xml
```
In above, `Devhooks` is a Namespace name and `HelloWorld` is a Module name. So, please don't forget to change it with your Namespace and Module Name.

In case, if you don't want to create a module and add a link using your theme then you need to create a `default.xml` file at bellow path.

```bash
app/design/Devhooks/Mytheme/Magento_Customer/layout/default.xml
```

In above, `Devhooks` is a Namespace name and `Mytheme` is a Theme name. So, please don't forget to change it with your Namespace and Theme Name.

Now, Paste the below code in `default.xml` file.

```xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
    <referenceBlock name="catalog.topnav">
        <block class="Magento\Framework\View\Element\Html\Link" name="support-link">
            <arguments>
                <argument name="label" xsi:type="string" translate="true">Support</argument>
                <argument name="path" xsi:type="string" translate="true">support</argument>
            </arguments>
        </block>
    </referenceBlock>
  </body>
</page>
```

Now, run the below [command](/blog/useful-magento-2-commands-via-ssh-cmd) and check link is added or not in the top navigation menu.

```bash
php bin/magento cache:clean
```

### 2. Add a custom link on top navigation using a plugin in Magento 2

You need to create `di.xml` at following path.

```bash
app/code/Devhooks/HelloWorld/etc/frontend/di.xml
```

Paste the below code in di.xml file.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Theme\Block\Html\Topmenu">
        <plugin name="support_top_menu_link" type="Devhooks\HelloWorld\Plugin\Topmenulink" sortOrder="20" disabled="false"/>
    </type>
</config>
```

Now, create a `Topmenulink.php` file at following path.

```bash
app/code/Devhooks/HelloWorld/Plugin/Topmenulink.php
```

Paste the below code in Topmenulink.php file.

```php
<?php

namespace Devhooks\HelloWorld\Plugin;

use Magento\Framework\Event\Observer as EventObserver;
use Magento\Framework\Data\Tree\Node;
use Magento\Framework\Event\ObserverInterface;

class Topmenulink implements ObserverInterface
{
    public function afterGetHtml(\Magento\Theme\Block\Html\Topmenu $topmenu, $html)
    {
        $itemUrl = $topmenu->getUrl('support'); //add link here
        $currentUrl = $topmenu->getUrl('*/*/*', ['_current' => true, '_use_rewrite' => true]);
        if (strpos($currentUrl,'support') !== false) {
            $html .= "<li class="level0 nav-5 active level-top parent ui-menu-item">";
        } else {
            $html .= "<li class="level0 nav-4 level-top parent ui-menu-item">";
        }
        $html .= "<a href="" . $itemUrl . "" class="level-top ui-corner-all"><span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span><span>" . __("Support") . "</span></a>";
        $html .= "</li>";
        return $html;
    }
}
```

Now, run the below [command](/blog/useful-magento-2-commands-via-ssh-cmd) and check link is added or not in the top navigation menu.

```bash
php bin/magento cache:clean
```

### 3. Add a custom link on top navigation using an observer in Magento 2

You need to create `event.xml` at following path.

```bash
app/code/Devhooks/HelloWorld/etc/frontend/events.xml
```

Paste the below code in event.xml file.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
    <event name="page_block_html_topmenu_gethtml_before">
        <observer name="support_top_menu_link" instance="Devhooks\HelloWorld\Observer\Topmenulink" />
    </event>
</config>
```

Now, create a `Topmenulink.php` file at following path.

```bash
app/code/Devhooks/HelloWorld/Observer/Topmenulink.php
```

Paste the below code in Topmenulink.php file.

```php
<?php

namespace Devhooks\HelloWorld\Observer;

use Magento\Framework\Event\Observer as EventObserver;
use Magento\Framework\Data\Tree\Node;
use Magento\Framework\Event\ObserverInterface;

class Topmenulink implements ObserverInterface
{
    public function __construct(
        ...//add dependencies here if needed
    )
    {
    	...
    }
    /**
     * @param EventObserver $observer
     * @return $this
     */
    public function execute(EventObserver $observer)
    {
        /** @var \Magento\Framework\Data\Tree\Node $menu */
        $menu = $observer->getMenu();
        $tree = $menu->getTree();
        $data = [
            'name'      => __('Support'), // Link Lable
            'id'        => 'support', //unique-id-here
            'url'       => 'support', //get proper url with $this->urlBuilder->getUrl(support)
            'is_active' => false //(expression to determine if menu item is selected or not) (true/false)
        ];
        $node = new Node($data, 'id', $tree, $menu);
        $menu->addChild($node);
        return $this;
    }
}
```

Now, run the below [command](/blog/useful-magento-2-commands-via-ssh-cmd) and check link is added or not in the top navigation menu.

```bash
php bin/magento cache:clean
```

**That's it!!** Check Out our other article if you want to [add the top menu link in Magento 2](/blog/how-to-add-top-menu-link-in-magento-2).

If you are a beginner and want to know more about Magento 2 Commands then check out our other article which is [Useful Commands for Magento 2](/blog/useful-magento-2-commands-via-ssh-cmd).

I hope this article helps you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.


In this article, we'll look at how to add custom links in Magento 2. In Magento 2 we are able to customize in a three following way.

- Add a custom [[...](/blog/how-to-add-custom-link-on-top-navigation-menu-in-magento-2)]

How to add custom link on top navigation menu in Magento 2


In this article, I will give you a simple steps to add a link in the top menu in Magento 2. In following example we'll add two links in the top menu.

- First we'll add `Support` link in the top menu.
- Second we'll add a `Create Ticket` link in the top link dropdown which will display if user is login display.

![Magento 2 add top menu link](/assets/content/addToplinkmagento2.png)
So, please follow bellow simple steps to add top menu link in Magento 2.

Before we start I assume, you have already a created custom module. If you don't have it or don't know how to create it then check out our other article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

Let's get started!!

### 1. Add link in the top menu.

First We'll need to create a `default.xml` file in our module at below path.

```bash
app/code/Devhooks/HelloWorld/view/frontend/layout/default.xml
```
In above, `Devhooks` is a Namespace name and `HelloWorld` is a Module name. So, please don't forget to change it with your Namespace and Module Name.

In case, if you don't want to create a module and add a link using your theme then you need to create a `default.xml` file at bellow path.

```bash
app/design/Devhooks/Mytheme/Magento_Customer/layout/default.xml
```

In above, `Devhooks` is a Namespace name and `Mytheme` is a Theme name. So, please don't forget to change it with your Namespace and Theme Name.

Now, Paste the below code in `default.xml` file.

```xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
      <referenceBlock name="header.links">
          <block class="Magento\Framework\View\Element\Html\Link" name="contact-top-header-link">
              <arguments>
                  <argument name="path" xsi:type="string">support</argument>
                  <argument name="label" xsi:type="string" translate="true">Support</argument>
              </arguments>
          </block>
      </referenceBlock>
  </body>
</page>
```

Now, run the below [command](/blog/useful-magento-2-commands-via-ssh-cmd) and check link is added or not in the top menu.

```bash
php bin/magento cache:clean
```

### 2. Add a link in the top link dropdown

Now, Let’s learn how to add a link in the top link dropdown in magento 2. For that we need to add a below code in the `default.xml` file.

```xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
      <referenceBlock name="top.links">
          <block class="Magento\Customer\Block\Account\SortLink" name="order-history-top-link" after="wish-list-link">
              <arguments>
                  <argument name="path" xsi:type="string">support/ticket/create</argument>
                  <argument name="label" xsi:type="string" translate="true">Create Ticket</argument>
              </arguments>
          </block>
      </referenceBlock>
  </body>
</page>
```

Now, run the below [command](/blog/useful-magento-2-commands-via-ssh-cmd) and check link is added or not in the top link dropdown.

```bash
php bin/magento cache:clean
```

**That's it!!** Check Out our other article if you want to [add custom link on top navigation menu in Magento 2](/blog/how-to-add-custom-link-on-top-navigation-menu-in-magento-2).

If you are a beginner and want to know more about Magento 2 Commands then check out our other article which is [Useful Commands for Magento 2](/blog/useful-magento-2-commands-via-ssh-cmd).

I hope this article helps you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.


In this article, I will give you a simple steps to add a link in the top menu in Magento 2. In following example we'll add two links in the [[...](/blog/how-to-add-top-menu-link-in-magento-2)]

How to add the top menu link in Magento 2


[NodeJS](https://nodejs.org/) is a JavaScript framework that allows us to build network applications with ease. Most of the time we need to install a specific version of nodejs in Ubuntu as per our requirement. So in this article, we will see two things how to install nodejs in ubuntu with a specific version and how to remove nodejs from ubuntu.

Please follow the below simple steps to install and remove nodejs from ubuntu.

### Install nodejs with a specific version

First, we'll see how to install nodejs with a specific version. Run below commands to install nodejs in your server.

Refresh your local package index using below command

```bash
sudo apt-get update
```

Now we'll install nodejs from NodeSource Repository. We'll use curl to add its `PPA` (Personal Package Archive). So, make sure you have installed curl in your server. If you don't have it then you can install it using the below command.

```bash
sudo apt-get install curl
```

Now run the following command with `sudo` to enable `NodeSource`.

```bash
curl -sL https://deb.nodesource.com/setup_10.x | sudo bash -
```

In the above command, you can change the version according to your requirement. For Ex: `setup_11.x`

Finally, we are going to install nodejs. Run below command to install

```bash
sudo apt-get install nodejs
```

Above command not only install `nodejs` but it also installs `npm` and other dependencies as well.

once its install successfully you can check its version using following commands

**To Check nodejs version run the below command**

```bash
nodejs --version

//or

nodejs -v
```

**And to check `npm` version run the below command**

```bash
npm --version

//or

npm -v
```

### Uninstall NodeJS from Ubuntu

Run below command to uninstall nodejs from ubuntu.

```bash
sudo apt-get remove nodejs
```

Above commad remove the package but it's configuration files are not remove from your server. If you want to remove both then use below command.

```bash
sudo apt-get purge nodejs
```

It'll remove package and configuration files.

Run the below command to remove unused files from ubuntu and cleanup the disk space. Its optional command, run this command if you want to cleanup the disk space and remove unused files.

```bash
sudo apt-get autoremove
```

**Bingo!**

Finally, we have successfully uninstall `nodejs` from the Ubuntu and cleanup the disk space.

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.


[NodeJS](https://nodejs.org/) is a JavaScript framework that allows us to build network applications with ease. Most of the time we need to install a specific version of nodejs in Ubuntu as [[...](/blog/how-to-install-and-remove-nodejs-from-ubuntu)]

How to Install and Remove nodejs from Ubuntu


In this article I am going to explain how to create category attribute programmatically in Magento 2.

First of all you need to create one module. If you already have a module then go with that but don't forget to change the setup version and if you are new in Magento then check our another article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

**Let's get started!!**

Now I assume you already have magento module.

To create the category attribute programmatically in module we need to create `InstallData` class in our [Magento 2 Extension](https://shop.dolphinwebsolution.com/magento-2-extensions.html)

Let's Create `InstallData.php` file at `app/code/Devhooks/HelloWorld/Setup/InstallData.php` and paste the below code.

```php
<?php
namespace Devhooks\HelloWorld\Setup;

use Magento\Eav\Setup\EavSetupFactory;
use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;

class InstallData implements InstallDataInterface
{
    private $eavSetupFactory;

    public function __construct(EavSetupFactory $eavSetupFactory)
    {
        $this->eavSetupFactory = $eavSetupFactory;
    }

    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $eavSetup = $this->eavSetupFactory->create(['setup' => $setup]);

        $eavSetup->addAttribute(
            \Magento\Catalog\Model\Category::ENTITY,
            'custom_category_attribute',
            [
                'type'         => 'varchar',
                'label'        => 'Custom Category Atrribute',
                'input'        => 'text',
                'sort_order'   => 120,
                'source'       => '',
                'global'       => 1,
                'visible'      => true,
                'required'     => false,
                'user_defined' => false,
                'default'      => null,
                'group'        => '',
                'backend'      => ''
            ]
        );
    }
}
```

In above code we have created a `text` type category attribute. Replace, `custom_category_attribute` with your attribute code and change the lable and other attribute setting as per your need.

Now, we need to display custom category attribute in category add/edit page in admin. For, that we need to create `category_form.xml` file in our module. Magento UI component will mearge all the `category_form.xml` file togather and render the configurations from this file.

Let's create `category_form.xml` file at `app/code/Devhooks/HelloWorld/view/adminhtml/ui_component/category_form.xml` and paste the below code.

```xml
<?xml version="1.0" ?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <fieldset name="general">
        <field name="custom_category_attribute">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="required" xsi:type="boolean">false</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">false</item>
                    </item>
                    <item name="sortOrder" xsi:type="number">120</item>
                    <item name="dataType" xsi:type="string">string</item>
                    <item name="formElement" xsi:type="string">input</item>
                    <item name="label" translate="true" xsi:type="string">Custom Category Atrribute</item>
                </item>
            </argument>
        </field>
    </fieldset>
</form>
```

Replace your code with `custom_category_attribute`, label with `Custom Category Atrribute` and change other settings as per your need.

Now, open [Command line](/blog/useful-magento-2-commands-via-ssh-cmd) in folder root of magento and run both commands for create new category attribute programmatically.

```bash
php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento indexer:reindex
```

**Bingo!!** we are done, now go to the Admin > Catalog > Categories > Click on any category and find your new category attribute.

That's it!!

Also, refer [Magento 2 Add Product Attribute with Options Programmatically](/blog/how-to-add-product-attribute-with-options-programmatically) article, if you want to add select type product attribute programmatically.

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.



In this article I am going to explain how to create category attribute programmatically in Magento 2.

First of all you need to create one module. If you already have a [[...](/blog/how-to-create-category-attribute-programmatically)]

Magento 2 Create Category Attribute Programmatically


If you want to remove product attribute programmatically then you are in a right place. In this article I am going to explain how to remove product attribute programmatically in Magento 2.

First of all you need to create one module. If you already have a module then go with that but don't forget to change the setup version and if you are new in Magento then check our another article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

**Let's get started!!**

Now I assume you already have magento module.

To Remove the product attribute programmatically in module we need to create `InstallData` class in our [Magento 2 Extension](https://shop.dolphinwebsolution.com/magento-2-extensions.html)

Let's Create `InstallData.php` file at `app/code/Devhooks/HelloWorld/Setup/InstallData.php` and paste the below code.

```php
<?php
namespace Devhooks\HelloWorld\Setup;

use Magento\Eav\Setup\EavSetup;
use Magento\Eav\Setup\EavSetupFactory;
use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;

class InstallData implements InstallDataInterface
{
    private $eavSetupFactory;

    public function __construct(EavSetupFactory $eavSetupFactory)
    {
        $this->eavSetupFactory = $eavSetupFactory;
    }

    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $eavSetup = $this->eavSetupFactory->create(['setup' => $setup]);

        $eavSetup->removeAttribute(
          \Magento\Catalog\Model\Product::ENTITY,
           'custom_attribute');
    }
}
```

In above code we have remove a `text` type attribute. Replace, `custom_attribute` with your attribute code.

Now, open [Command line](/blog/useful-magento-2-commands-via-ssh-cmd) in folder root of magento and run both commands for remove product attribute programmatically.

```bash
php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento indexer:reindex
```

**Bingo!!** we are done, now go to the Admin > Store > Attributes > Product and find your attribute is exist or not.

That's it!!

If you want to add new product attribute programmatically then check our another article [Magento 2 Add Product Attribute Programmatically](/blog/how-to-add-product-attribute-programmatically)

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.



If you want to remove product attribute programmatically then you are in a right place. In this article I am going to explain how to remove product attribute programmatically in [[...](/blog/how-to-remove-product-attribute-programmatically)]

Magento 2 Remove Product Attribute Programmatically


In this article I am going to explain how to create product attribute with options programmatically in Magento 2.

First of all you need to create one module. If you already have a module then go with that but don't forget to change the setup version and if you are new in Magento then check our another article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

**Let's get started!!**

Now I assume you already have magento module.

In this article we are going to create attribute with it's options, so first of all we need to create source model file.

Create `CustomAttributeOptions.php` file at `app/code/Devhooks/HelloWorld/Model/Config/Source/CustomAttributeOptions.php` and paste the below code.

```php
<?php
namespace Devhooks\HelloWorld\Model\Config\Source;

use Magento\Eav\Model\Entity\Attribute\Source\AbstractSource;

class CustomAttributeOptions extends AbstractSource
{
    /**
     * Get all options
     *
     * @return array
     */
    public function getAllOptions()
    {
        if (null === $this->_options) {
            $this->_options=[
                                ['label' => __('Option 1'), 'value' => 1],
                                ['label' => __('Option 2'), 'value' => 2],
                                ['label' => __('Option 3'), 'value' => 3]
                            ];
        }
        return $this->_options;
    }
}
```

To create the product attribute with options programmatically in module we need to create `InstallData` class in our [Magento 2 Extension](https://shop.dolphinwebsolution.com/magento-2-extensions.html) and add our `CustomAttributeOptions` source model.

Let's Create `InstallData.php` file at `app/code/Devhooks/HelloWorld/Setup/InstallData.php` and paste the below code.

```php
<?php
namespace Devhooks\HelloWorld\Setup;

use Magento\Eav\Setup\EavSetup;
use Magento\Eav\Setup\EavSetupFactory;
use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;

class InstallData implements InstallDataInterface
{
    private $eavSetupFactory;

    public function __construct(EavSetupFactory $eavSetupFactory)
    {
        $this->eavSetupFactory = $eavSetupFactory;
    }

    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $eavSetup = $this->eavSetupFactory->create(['setup' => $setup]);

        $eavSetup->addAttribute(
            \Magento\Catalog\Model\Product::ENTITY,
            'custom_attribute',
            [
                'type' => 'int',
                'backend' => '',
                'frontend' => '',
                'label' => 'Custom Atrribute',
                'input' => 'select',
                'class' => '',
                'source' => 'Devhooks\HelloWorld\Model\Config\Source\CustomAttributeOptions',
                'global' => \Magento\Eav\Model\Entity\Attribute\ScopedAttributeInterface::SCOPE_GLOBAL,
                'visible' => true,
                'required' => true,
                'user_defined' => false,
                'default' => '',
                'searchable' => false,
                'filterable' => false,
                'comparable' => false,
                'visible_on_front' => false,
                'used_in_product_listing' => true,
                'unique' => false,
                'apply_to' => ''
            ]
        );
    }
}
```

In above code we have create a `select` type attribute and add source model `Devhooks\HelloWorld\Model\Config\Source\CustomAttributeOptions` for get it's options. Replace, `custom_attribute` with your attribute code and change the lable and other attribute setting as per your need.

Now, open [Command line](/blog/useful-magento-2-commands-via-ssh-cmd) in folder root of magento and run both commands for create new select type product attribute with options programmatically.

```bash
php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento indexer:reindex
```

**Bingo!!** we are done, now go to the Admin > Store > Attributes > Product and find your attribute.

That's it!!

If you want to remove any product attribute programmatically then check our another article [Magento 2 Remove Product Attribute Programmatically](/blog/how-to-remove-product-attribute-programmatically)

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.



In this article I am going to explain how to create product attribute with options programmatically in Magento 2.

First of all you need to create one module. If you already [[...](/blog/how-to-add-product-attribute-with-options-programmatically)]

Magento 2 Add Product Attribute with Options Programmatically


As we all know Magento use the EAV model structure for product attributes. And in this article I am going to explain how to create product attribute programmatically in Magento 2.

First of all you need to create one module. If you already have a module then go with that but don't forget to change the setup version and if you are new in Magento then check our another article [How To Create a Magento 2 Module](/blog/how-to-create-a-magento-2-module).

**Let's get started!!**

Now I assume you already have magento module.

To create the product attribute programmatically in module we need to create `InstallData` class in our [Magento 2 Extension](https://shop.dolphinwebsolution.com/magento-2-extensions.html)

Let's Create `InstallData.php` file at `app/code/Devhooks/HelloWorld/Setup/InstallData.php` and paste the below code.

```php
<?php
namespace Devhooks\HelloWorld\Setup;

use Magento\Eav\Setup\EavSetup;
use Magento\Eav\Setup\EavSetupFactory;
use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;

class InstallData implements InstallDataInterface
{
    private $eavSetupFactory;

    public function __construct(EavSetupFactory $eavSetupFactory)
    {
        $this->eavSetupFactory = $eavSetupFactory;
    }

    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $eavSetup = $this->eavSetupFactory->create(['setup' => $setup]);

        $eavSetup->addAttribute(
            \Magento\Catalog\Model\Product::ENTITY,
            'custom_attribute',
            [
                'type' => 'text',
                'backend' => '',
                'frontend' => '',
                'label' => 'Custom Atrribute',
                'input' => 'text',
                'class' => '',
                'source' => '',
                'global' => \Magento\Eav\Model\Entity\Attribute\ScopedAttributeInterface::SCOPE_GLOBAL,
                'visible' => true,
                'required' => true,
                'user_defined' => false,
                'default' => '',
                'searchable' => false,
                'filterable' => false,
                'comparable' => false,
                'visible_on_front' => false,
                'used_in_product_listing' => true,
                'unique' => false,
                'apply_to' => ''
            ]
        );
    }
}
```

In above code we have create a `text` type attribute. Replace, `custom_attribute` with your attribute code and change the lable and other attribute setting as per your need.

Now, open [Command line](/blog/useful-magento-2-commands-via-ssh-cmd) in folder root of magento and run both commands for create new product attribute programmatically.

```bash
php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento indexer:reindex
```

**Bingo!!** we are done, now go to the Admin > Store > Attributes > Product and find your attribute.

That's it!!

If you want to remove any product attribute programmatically then check our another article [Magento 2 Remove Product Attribute Programmatically](/blog/how-to-remove-product-attribute-programmatically)

Also, refer [Magento 2 Add Product Attribute with Options Programmatically](/blog/how-to-add-product-attribute-with-options-programmatically) article, if you want to add select type product attribute programmatically.

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.



As we all know Magento use the EAV model structure for product attributes. And in this article I am going to explain how to create product attribute programmatically in Magento [[...](/blog/how-to-add-product-attribute-programmatically)]

Magento 2 Add Product Attribute Programmatically


In this article we'll try to answer the first question of every beginner, how to create module in magento 2. To answer their question we'll create one HelloWorld extension and learn how to create [Magento 2 Extension.](https://shop.dolphinwebsolution.com/magento-2-extensions.html)

Let's get started!!

To Create the module you have to follow the simple step which are listed on below for create Magento 2 HelloWorld Module.

### 1. First we need to create Namespace and Module Folders.

Create `Devhooks` folder at `app/code/Devhooks` and create another folder `HelloWorld` at `app/code/Devhooks/HelloWorld`

Now, we need to create a `module.xml` file in `app/code/Devhooks/HelloWorld/etc` And paste the below code.

**Note:** Don't forgot to replace the `Devhooks_HelloWorld` with your Namespace and Module Name if it's different.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="Devhooks_HelloWorld" schema_version="0.0.1" setup_version="0.0.1">
    </module>
</config>
```

If your module depends on any other module then add it's dependencies under `<module>` tag in `module.xml` file. Check below code for your reference.

```xml
<module name="Devhooks_HelloWorld" schema_version="0.0.1" setup_version="0.0.1">
    <sequence>
        <module name="Magento_Customer"/>
        <module name="Magento_Catalog"/>
    </sequence>
</module>
```

### 2. Create registration file.

Create `registration.php` at `app/code/Devhooks/HelloWorld/registration.php` file. And paste the below code.

```php
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'Devhooks_HelloWorld',
    __DIR__
);
```

### 3. Create a frontend router.

Create a `routes.xml` at `app/code/Devhooks/HelloWorld/etc/frontend/routes.xml` And paste the below code.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
    <router id="standard">
        <route id="helloworld" frontName="helloworld">
            <module name="Devhooks_HelloWorld"/>
        </route>
    </router>
</config>
```

- In Above code `<router id="standard">` indicates which node Magento should look at to find the URL's front Name.

- Then, the `route id="helloworld"` shown which router we will use (frontend or adminhtml).

- And `route frontName="helloworld"` is the first part of the URL and it should be unique.

### 4. Create a Controller action.

Create the file `Index.php` in `app/code/Devhooks/HelloWorld/Controller/Index/Index.php`. This will map to http://domainname.com/helloworld/index/index

Now, let's see how to find the action of any module. In Following URL http://domainname.com/helloworld/index/index

- **helloworld:** front name
- **index:** name of controller folder
- **index:** name of action file – index.php

In below controller action we have extend magento default action `\Magento\Framework\App\Action\Action` to use some default methods. In every action file, there will be a method name `execute()` that will invoked when the action is called.

```php
<?php
namespace Devhooks\HelloWorld\Controller\Index;

class Index extends \Magento\Framework\App\Action\Action
{
    /** @var  \Magento\Framework\View\Result\Page */
    protected $resultPageFactory;
    /**      * @param \Magento\Framework\App\Action\Context $context      */
    public function __construct(\Magento\Framework\App\Action\Context $context,
        \Magento\Framework\View\Result\PageFactory $resultPageFactory)     {
        $this->resultPageFactory = $resultPageFactory;
        parent::__construct($context);
    }

    /**
     * Blog Index, shows a list of recent blog posts.
     *
     * @return \Magento\Framework\View\Result\PageFactory
     */
    public function execute()
    {
        $resultPage = $this->resultPageFactory->create();
        $resultPage->getConfig()->getTitle()->prepend(__('Devhooks Hello World'));
        return $resultPage;
    }
}
```

### 5. Create a layout file.

Create `helloworld_index_index.xml` at `app\code\Devhooks\Helloworld\view\frontend\layout\helloworld_index_index.xml`

```xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
  <referenceContainer name="content">
   <block class="Devhooks\HelloWorld\Block\HelloWorld" name="formbuilder" template="Devhooks_HelloWorld::helloworld.phtml"/>
  </referenceContainer>
</body>
</page>
```

### 6. Create a block for our module.

Create block file `HelloWorld.php` at `app/code/Devhooks/HelloWorld/Block/HelloWorld.php`

```php
<?php
namespace Devhooks\HelloWorld\Block;

class HelloWorld extends \Magento\Framework\View\Element\Template
{
    public function _prepareLayout()
    {
        return parent::_prepareLayout();
    }
}
```

### 7. Create a template file.

Create `helloworld.phtml` at `app/code/Devhooks/HelloWorld/view/frontend/templates/helloworld.phtml`

```html
<h3>Welcome to HelloWorld Extension.</h3>
```

### 8. Now it's time to active Devhooks_HelloWorld extension.

For that we have two ways to active `Devhooks_Helloworld` extension.

- Directly edit file `app/etc/config.xml` In the array module, add the element: `'Devhooks_Helloworld' => 1`

- Open Command line in folder root of magento and run both commands

```bash
php bin/magento setup:upgrade

php bin/magento cache:flush
```

**Bingo!!** we are done all steps.

Run the following link http://domainname.com/helloworld/index/index, and check the result.

That's it!!

I hope this article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.



In this article we'll try to answer the first question of every beginner, how to create module in magento 2. To answer their question we'll create one HelloWorld extension and [[...](/blog/how-to-create-a-magento-2-module)]

How To Create a Magento 2 Module


As we all know after React 16.8 we can use Hooks. Hooks let you use state and other React features without writing a class. In this article, we’ll learn `useState` hook in react. `useState` is a Hook that allows you to have `state` variables in functional components.


We’ll guide following things in this article.

- How to declare `useState` hook?
- How to update `useState` variables value?
- How to use `useState` hook in react?

Let’s Started!!

Before you use `useState` hook you have to import/export useState from react to use it.

You can export it using following way.

```javascript
React.useState
```

Or Import it like this.

```javascript
import React, { useState } from 'react';
```

### How to declare useState hook?

Use following code to declare `useState`

```javascript
const Mycomponent= () => {
   const [flag, setFlag]= useState(false);
   const [message, setMessage]= useState('');
}
```

Before release hooks we can declare state on class constructor. But now we use hooks and it's allow us to declare and use `useState` hook on functional component. If you want to declare more then one state variable the you have to declare it separate like above example.



### How to update useState variables value?

In above code we have declare `const` variable with 2 arguments.

`flag` is a variable name and `setFlag` is use for update state value. Now, next we'll see how to update state value using `setFlag`.

```javascript
const Mycomponent = () => {
    const [flag, setFlag]= useState(false);
    const [message, setMessage]= useState('');

    return (
        <div>
        <input
            type="text"
            onChange={e => {
                    if (e.target.value) {
                        setFlag(true)
                        setMessage(e.target.value)
                    }else{
                        setFlag(flase)
                    }
                }
            }
            label="Enter your message here.."
        />
    </div>
    );
};
```

In above code we just update our state value on input `onChange` event. You can also update it on [lifecycle methods](https://reactjs.org/docs/react-component.html#componentdidmount) or [useEffect](https://reactjs.org/docs/hooks-reference.html#useeffect) hook. Now we are going to use it.

### How to use useState hook in react?

First, we declare the state variable the we have update it's value on input onChange event. Now, it's time to use those variables and display it's value. See below code I have added a full and final example of `useState`.

```javascript
const Mycomponent = () => {
    const [flag, setFlag]= useState(false);
    const [message, setMessage]= useState('');

    return (
        <div>
        <input
            type="text"
            onChange={e => {
                    if (e.target.value) {
                        setFlag(true)
                        setMessage(e.target.value)
                    }else{
                        setFlag(flase)
                    }
                }
            }
            label="Enter your message here.."
        />
        <p>
            <strong>{flag ? message : ''}</strong>
        </p>
    </div>
    );
};
```

So, finaly we use state variables in jsx. Using below code we have check the **flag** and display the **message** if `flag` is `ture`.

```javascript
<p>
    <strong>{flag ? message : ''}</strong>
</p>
```

That's it!!

By this way you can declare, update and use state hook in react. For more detail about useState hooks please refer this [link](https://reactjs.org/docs/hooks-state.html).

I hope this tutorial helped you find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions.

**P.S.** Do share this tutorial with your team.


As we all know after React 16.8 we can use Hooks. Hooks let you use state and other React features without writing a class. In this article, we’ll learn `useState` [[...](/blog/how-to-use-state-hook-in-react)]

How to use State Hook in React


[React](https://reactjs.org/) is a popular JavaScript library for creating front-end applications. Also, react will helps you to create a Single Page App [(SPA)](https://en.wikipedia.org/wiki/Single-page_application). In order to make setting up single-page apps easier, a CLI tool called `create-react-app` was made. So, we’ll use the [Create React App](https://github.com/facebook/create-react-app) tool to quickly build out a React application.

As we all know that `create-react-app` is the best way to create a basic React app. It not only creates a very basic react web application but also adds the required dependencies needed to run React application.

Before all start, you may need to install [Node.js](/blog/how-to-install-and-remove-nodejs-from-ubuntu)

You can just run the `create-react-app` on the command line, followed by the name of the app you want to create and you will get a brand new React application and it’ll come with:

- A predefined folder structure
- Scripts to run React application
- Extensibility
- And more!

Let's take a look!

Run below command to get a `create-react-app` NPM package in your local machine.

```
npm install -g create-react-app
```

In the above command the `-g` flag installs the `NPM` package globally on the machine.
Once this is done, we’ll use this package to get us a basic boilerplate for React.

Now, run below command to create a react application.


```
create-react-app hello-world
```

When the script finishes you will see a success message that says:

```
Success! Created hello-world at your_file_path/hello-world
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd hello-world
  npm start

Happy hacking!
```

This will create a directory called the `hello-world`. Now we need to navigate into the directory and run the command below.

```
cd hello-world
npm start
```

Once you run the `npm start` command, a local development server should start and render the React application at the following location

```
localhost:3000
```

**Bingo!!** Your first React application is created.

I hope this tutorial helped you find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions.

**P.S.** Do share this note with your team.



[React](https://reactjs.org/) is a popular JavaScript library for creating front-end applications. Also, react will helps you to create a Single Page App [(SPA)](https://en.wikipedia.org/wiki/Single-page_application). In order to make setting up single-page apps [[...](/blog/how-to-create-react-application-for-beginners)]

How to Create React Application - Tutorial For Beginners


Most of the people and especially developers want to go online with there extraordinary ideas but due to low budget or some financial issues, they are not gonna succeed to make their website live. So, this article is all about solving their problem. In this note, we'll learn How to deploy React Website to the GitHub Pages. 

Before, we start you need to know few things:
- What is the Github Pages?
- How to Create React App?
- How to Create Github Repository?

### What is the Github Pages?
**GitHub Pages** is a static site hosting service that takes `HTML`, `CSS`, and `JavaScript` files straight from a repository on GitHub, optionally runs the files through a build process and publishes a website. Review this [link](https://help.github.com/en/github/working-with-github-pages/about-github-pages) to know more about Github Pages. In this article we are going to use [gh-pages](https://www.npmjs.com/package/gh-pages) npm package to deploy the react app on Github Pages.

### How to Create React App?
If you beginner on Reactjs then I'll suggest you refer this [link](https://github.com/facebook/create-react-app) for creating react app.

### How to Create Github Repository?
To create github repository, first of all you must have an account on [github](https://github.com/join). Then refer this [link](https://help.github.com/en/enterprise/2.13/user/articles/creating-a-new-repository) to know how to create a repository on Github. 


**Okay**, let's start. I assume now you already have installed the react app and GitHub repository.

First, we need to install the GitHub Pages package as a dev-dependency. So, move to your application folder in the terminal.

```
cd your-app
npm install gh-pages --save-dev
// Or
yarn add gh-pages
```

Now initialize git and your remote repository.

```
git init
git remote add origin git@github.com:username/your-app-reponame.git
```

`gh-pages` package would help us to create a gh-pages branch on Github and also help us to serve our react files on the branch.

Now, open `package.json` file which is located on your root directory, and this line "homepage": `link-of-your-repository` after `private": true,`.

```
{
    "name": "your-app",
    "version": "0.1.0",
    "private": true,
    "homepage": "https://username.github.io/your-app-reponame",
    ...
}
```

If you are linking your custom domain to GitHub page then it should be like `"homepage": "https://example.com",`

**Note:** If you want to add a custom domain on github pages then refer to this [link](https://help.github.com/en/github/working-with-github-pages/configuring-a-custom-domain-for-your-github-pages-site).

Now, in the same `package.json` file we need to add few more codes. So, find `scripts` and add the following lines.

```
{
   ...
   "predeploy": "yarn run build",
   "deploy": "gh-pages -d build",
   ...
}
```

So, it looks like below

```
"scripts": {    
   "start": "react-scripts start",
   "predeploy": "yarn run build",
   "deploy": "gh-pages -d build",
   "build": "react-scripts build",
   "test": "react-scripts test",
   "eject": "react-scripts eject"
},
```

Now, in the terminal, run below command.

```
npm run deploy OR yarn run deploy
```

This command creates a `gh-pages` branch on your repository if it does not exist and then pushes your built file to the `gh-pages` branch on your repository.

That's it!! Now we are done all the steps and our react web application is hosted on Github Pages. You can check it from the below link.

```
https://username.github.io/your-app-reponame
Or
https://example.com
```

>Routing using on `gh-pages` does not work well with `BrowserRouter` or `ReactRouter`, make use of `HashRouter` from react-router-dom instead.


I hope this tutorial helped you find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions.

**P.S.** Do share this note with your team.


Most of the people and especially developers want to go online with there extraordinary ideas but due to low budget or some financial issues, they are not gonna succeed to [[...](/blog/deploying-your-react-web-application-to-gitHub-pages)]

Deploying Your React Web Application to GitHub Pages


Some time we need to get product collection for specific category id. So, in this article we'll discuss how to get category specific product collection in a block file and get that on phtml file.

Add below code in you block file to get category specific collection.

```php
namespace Devhooks\Module\Block;
class Module extends \Magento\Framework\View\Element\Template
{
    protected $productFactory;
    protected $categoryFactory;

    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Catalog\Model\ResourceModel\Product\CollectionFactory $productFactory,
        \Magento\Catalog\Model\CategoryFactory $categoryFactory
        array $data = []
    )
    {
        $this->productFactory = $productFactory;
        $this->categoryFactory = $categoryFactory;
        parent::__construct($context, $data);
    }

    public function getProductCollection()
    {
        $categoryId = '5';
        $category = $this->categoryFactory->create()->load($categoryId);
        $collection = $this->productFactory->create();
        $collection->addCategoryFilter($category);
        $collection->addAttributeToSelect('*');
        $collection->addAttributeToFilter('status', \Magento\Catalog\Model\Product\Attribute\Source\Status::STATUS_ENABLED);
        $collection->addAttributeToFilter('visibility', \Magento\Catalog\Model\Product\Visibility::VISIBILITY_BOTH);
        return $collection;
    }
}
```

In above code we use a static category id `5` but you can get is daynamic as per your need. Also, in above code have filtered the collection with `Status` and `Visibility`.

Now if you want get this collection in `.phtml` file then check the below code and call `getProductCollection` method in your phtml file.

```php
$productCollection = $block->getProductCollection();
foreach ($productCollection as $product) {
    echo "<pre>";
    print_r($product->getData());
    echo "</pre>";
}
```

Finally, we are done, let's flush or refresh [cache](https://devdocs.magento.com/guides/v2.3/config-guide/cli/config-cli-subcommands-cache.html) and test the result.

That’s it.

I hope this post helped you to find what you were looking for. **Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


Some time we need to get product collection for specific category id. So, in this article we'll discuss how to get category specific product collection in a block file and [[...](/blog/magento-2-get-product-collection-by-category-id)]

Magento 2 Get Product Collection By Cetegory ID


In this tutorial we'll discuss about Server Side Rendaring. It's also called as SSR. It'll deliver javascript application to the HTML response when a user or bot crawl a page URL.

**Below things we'll discuss in this post.**

1. What is server side rendering?
2. Why we have to render react application on server side?
3. How to render react application on server side?

### What is server side rendering?

In server side rendering when a users make a request to the webpage, the server renders the React components on the server and prepares output as a HTML page and display to the user. This entire process of fetching data, converting to the HTML page and sending it to client. This whole process happens in a milliseconds. That's why it's allows your site to load faster and give your users a best experience. It's also help you on SEO and social media marketing.

### Why we have to render react application on server side?

In react application without SSR(Server Side Rendring), all your server request deliver the same HTML page with some script tags that are used by the browser to render the application for serve data and it's really bad things for SEO because Search engines always crowl your site and get the same data on all URL. So, if you'll go with server side rindring the it'll helps you on below things.

- If you render you react application on server side then it's allowed Search engines to crowl the site and get the specific page content. So, for this reason it's also better SEO improvement.
- As I mention above that this whole SSR process done in a milliseconds and it'll helps you on faster page loading.
- It's also good for static sites. 

So, Finally we move on next importent step.

**How to render react application on server side?**

Before we start I assume that you already installed node on your Server. If you don't have then go to the [node](https://nodejs.org/en/) official site and install it.

**Let's start!**

Install/creat react appliction using below command.

```bash
npx create-react-app my-app
```
Then move on that folder using below command.

```bash
cd my-app
```

And, run below command to start react application.

```bash
npm start
```

To render react application on server side you need to install following packages.

```bash
npm install express

npm install @babel/register @babel/preset-env @babel/preset-react ignore-styles
```

Once, it's installed open `index.js` file which is located on your applications root folder and replace below code.

```
ReactDOM.render(<App />, document.getElementById('root'));
```

Replace with

```
ReactDOM.hydrate(<App />, document.getElementById('root'));
```

Now, create a folder name with `server`. The Create `server.js` file on it and paste below code.

```
import path from 'path'
import fs from 'fs'

import express from 'express'
import React from 'react'
import ReactDOMServer from 'react-dom/server'

import App from '../src/App'

const PORT = 8001
const app = express()

const router = express.Router()

const serverRenderer = (req, res, next) => {
  fs.readFile(path.resolve('./build/index.html'), 'utf8', (err, data) => {
    if (err) {
      console.error(err)
      return res.status(500).send('An error occurred')
    }
    return res.send(
      data.replace(
        '<div id="root"></div>',
        `<div id="root">${ReactDOMServer.renderToString(<App />)}</div>`
      )
    )
  })
}
router.use('^/$', serverRenderer)

router.use(
  express.static(path.resolve(__dirname, '..', 'build'), { maxAge: '30d' })
)

// tell the app to use the above rules
app.use(router)

// app.use(express.static('./build'))
app.listen(PORT, () => {
  console.log(`SSR running on port ${PORT}`)
})
```

If current port `8001` is used on your server then you can replace it with any other available port.

Now, create another file `index.js` in a same folder `server/index.js` and paste following code on that file.

```
require('ignore-styles')

require('@babel/register')({
  ignore: [/(node_modules)/],
  presets: ['@babel/preset-env', '@babel/preset-react']
})

require('./server')
```

Now, finally we are done with server side rendering related code. Run below commands to make the build and render your react applications on server side.

```bash
npm run build
node server/index.js
```
It'll render your react application on [http://localhost:8001](http://localhost:8001)

Now, right click on your page and inspect the page and go to the Network section and check your main **DOM** code prieview to confirm, that it's working or not

**Please take a note:**
>It does't handle rendering images correctly when using imports, **which need Webpack** in order to work.

That's it!

I hope this tutorial helped you find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other questions.

**P.S.** Do share this note with your team.


In this tutorial we'll discuss about Server Side Rendaring. It's also called as SSR. It'll deliver javascript application to the HTML response when a user or bot crawl a page [[...](/blog/react-server-side-rendring)]

React Server Side Rendering(SSR)


In this article we'll discuss how to get product collection with a specific attribute in magento 2. We'll get collection in a block file.

Check the following code to get specific attribute collection.

```php
namespace Devhooks\Module\Block;
class Module extends \Magento\Framework\View\Element\Template
{
    protected $productFactory;

    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Catalog\Model\ResourceModel\Product\CollectionFactory $productFactory,
        array $data = []
    )
    {
        $this->productFactory = $productFactory;
        parent::__construct($context, $data);
    }

    public function getProductCollection()
    {
        $collection = $this->productFactory->create();
        $collection->addAttributeToSelect('name');
        $collection->addAttributeToSelect('price');
        return $collection;
    }
}
```

In above code I have add `name` and `price` attribute. So, we'll get that with collection. But, incase if you want to get all attribute with collection then replace below code with above.

```php
public function getProductCollection()
{
    $collection = $this->productFactory->create();
    $collection->addAttributeToSelect('*');
    return $collection;
}
```

Now, we'll print the product collection in `.phtml` file. Check following code to get product collection in phtml file. In this code we just call `getProductCollection` method from our block.

```php
$productCollection = $block->getProductCollection();
foreach ($productCollection as $product) {
    echo "<pre>";
    print_r($product->getData());
    echo "</pre>";
}
```
Finally, we are done, let's flush or refresh [cache](https://devdocs.magento.com/guides/v2.3/config-guide/cli/config-cli-subcommands-cache.html) and test the result.

That’s it.

I hope this post helped you to find what you were looking for. **Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


In this article we'll discuss how to get product collection with a specific attribute in magento 2. We'll get collection in a block file.

Check the following code to get specific [[...](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)]

Get Product Collection with a Specific Attributes in Magento 2


In this article we'll discuss how to get product collection in magento 2 in 2 different ways. First we'll get  product collection using a factory method in a block file and in a second method we'll get product collection using [ObjectManager](https://devdocs.magento.com/guides/v2.3/extension-dev-guide/object-manager.html) but I'll recommended you to use [Dependency Injection](https://devdocs.magento.com/guides/v2.3/extension-dev-guide/depend-inj.html) rather than directly using `ObjectManager`.

Let's get started!!

Use following code to get product collection in block file.

```php
namespace Devhooks\Module\Block;
class Module extends \Magento\Framework\View\Element\Template
{
    protected $productFactory;

    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Catalog\Model\ResourceModel\Product\CollectionFactory $productFactory,
        array $data = []
    )
    {
        $this->productFactory = $productFactory;
        parent::__construct($context, $data);
    }

    public function getProductCollection()
    {
        $collection = $this->productFactory->create();
        return $collection;
    }
}
```
In above code we use factory option and factory option uses lazy loading, so your product model didn't provide all attributes. If you need the full product data, then you need to load particular product collection see below code for more detail.

```php
$collection = $this->productFactory->create();
return $collection->load($product->getIdBySku($sku));
```

Now, we'll print the product collection in `.phtml` file. Check following code to get product collection in phtml file. In this code we just call `getProductCollection` method from our block.

```php
$productCollection = $block->getProductCollection();
foreach ($productCollection as $product) {
    echo "<pre>";
    print_r($product->getData());
    echo "</pre>";
}
```
You can also get the product collection using `objectManager` but it's not recommended way.

```php
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();

$productCollection = $objectManager->create('Magento\Catalog\Model\ResourceModel\Product\CollectionFactory');

$collection = $productCollection->create()
            ->addAttributeToSelect('*')
            ->load();

foreach ($collection as $product){
    echo "<pre>";
    print_r($product->getData());
    echo "</pre>";
}
```

Finally, we are done, let's flush or refresh [cache](https://devdocs.magento.com/guides/v2.3/config-guide/cli/config-cli-subcommands-cache.html) and test the result.

That’s it.

I hope this article helped you to find what you were looking for. **Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this article with your team.

**Review other articles maybe it'll help you too.**

- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


In this article we'll discuss how to get product collection in magento 2 in 2 different ways. First we'll get  product collection using a factory method in a block [[...](/blog/how-get-product-collection-in-magento-2)]

How to Get Product Collection in Magento 2


In this article I'll let you know about different types of filters which we can use it when we get product collection. As of now we'll get filtered product collection in a block file and after that I'll explain show you all the different types of filters with it's syntext.

Let's get started!!

Check the below code for get product collection with filter in block file.

```php
namespace Devhooks\Module\Block;
class Module extends \Magento\Framework\View\Element\Template
{
    protected $productFactory;

    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Catalog\Model\ResourceModel\Product\CollectionFactory $productFactory,
        array $data = []
    )
    {
        $this->productFactory = $productFactory;
        parent::__construct($context, $data);
    }

    public function getProductCollection()
    {
        $collection = $this->productFactory->create();
        $collection->addAttributeToFilter('status', \Magento\Catalog\Model\Product\Attribute\Source\Status::STATUS_ENABLED);
        $collection->addAttributeToFilter('visibility', \Magento\Catalog\Model\Product\Visibility::VISIBILITY_BOTH);

        return $collection;
    }
}
```

In above code I have filter `Status` and `Visibility` in a normal way but you can filter the product collection in a following ways.

- Greater than
- Greater than or Equal To
- Less than
- Less than or Equal To
- Is equal to
- Is not equal to
- Like
- Not Like
- In Array
- Not In Array
- NULL
- Not NULL

**Greater than**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('price', array('gt' => 25));
```

**Greater than or Equal To**

```php
$collection = $this->productFactoryn->create();
$collection->addAttributeToFilter('price', array('gteq' => 25));
```

**Less than**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('price', array('lt' => 25));
```

**Less than or Equal To**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('price', array('lteq' => 25));
```

**Is equal to**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('status', array('eq' => 1));
```

**Is not equal to**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('status', array('neq' => 1));
```

**Like**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('sku', array('like' => '%tshirt%'));
```

**Not Like**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('sku', array('nlike' => '%tshirt%'));
```

**In Array**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('entity_id', array('in' => array(15,23,43)));
```

**Not In Array**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('entity_id', array('nin' => array(15,23,43)));
```

**NULL**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('description',  array('null' => true));
```

**Not NULL**

```php
$collection = $this->productFactory->create();
$collection->addAttributeToFilter('description',  array('notnull' => true));
```

In this article I have tried to list-out all types of filters with its systext. So, now I hope you can filter your collection as per your need.

That’s it.

I hope this post helped you to find what you were looking for. **Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)


In this article I'll let you know about different types of filters which we can use it when we get product collection. As of now we'll get filtered product collection [[...](/blog/magento-2-get-product-collection-with-filters)]

Magento 2 Get Product Collection with Filters


If you are finding a way to get current product in magento 2 then you are in a right place. This article is all about what you are looking for.

I assume that you already have module. So, first you need to create one block file, if you already have it then use that block and paste the below code.

```php
namespace Devhooks\Module\Block;
class Module extends \Magento\Framework\View\Element\Template
{
    protected $registry;

    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Framework\Registry $registry,
        array $data = []
    )
    {
        $this->registry = $registry;
        parent::__construct($context, $data);
    }

    public function getCurrentProduct()
    {
        return $this->registry->registry('current_product');
    }

}
```

In above code we have used `\Magento\Framework\Registry` Magento registry to get current product. Now, we'll get that on our `.phtml` file.

```php
if ($currentProduct = $block->getCurrentProduct()) {
    echo $currentProduct->getName() . '<br />';
    echo $currentProduct->getSku() . '<br />';
}
```

In above code we have echo `Name` and `SKU` attributes but you can get it all other as well.

Finally, we are done, let's flush or refresh [cache](https://devdocs.magento.com/guides/v2.3/config-guide/cli/config-cli-subcommands-cache.html) and test the result.

Bingo!!

I hope this post helped you to find what you were looking for. **Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


If you are finding a way to get current product in magento 2 then you are in a right place. This article is all about what you are looking for.

I [[...](/blog/how-to-get-current-product-in-magento-2)]

How to Get Current Product in Magento 2


If you are finding a way to get current category in magento 2 then you are in a right place. This article is all about what you are looking for.

I assume that you already have module. So, first you need to create one block file, if you already have it then use that block and paste the below code.

```php
namespace Devhooks\Module\Block;
class Module extends \Magento\Framework\View\Element\Template
{
    protected $registry;

    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Framework\Registry $registry,
        array $data = []
    )
    {
        $this->registry = $registry;
        parent::__construct($context, $data);
    }

    public function getCurrentCategory()
    {
        return $this->_registry->registry('current_category');
    }

}
```

In above code we have used `\Magento\Framework\Registry` Magento registry to get current category. Now, we'll get that on our `.phtml` file.

```php
if ($currentProduct = $block->getCurrentCategory()) {
     echo $currentCategory->getName() . '<br />';
}
```

In above code we have echo `Name` attributes but you can get it all other as well.

Finally, we are done, let's flush or refresh [cache](https://devdocs.magento.com/guides/v2.3/config-guide/cli/config-cli-subcommands-cache.html) and test the result.

**That’s it.**

I hope this post helped you to find what you were looking for. **Bookmark** it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


If you are finding a way to get current category in magento 2 then you are in a right place. This article is all about what you are looking for.

I [[...](/blog/how-to-get-current-category-in-magento-2)]

How to Get Current Category in Magento 2

In this post, I’ll explain to you how to Implement Declarative Schema in the Custom Module.

To implement declarative schema in a custom module you need to create **db_schema.xml** file inside **/Vendor/Modulename/etc** and write the following code.

```xml
<?xml version="1.0"?>

<schema xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Setup/Declaration/Schema/etc/schema.xsd">
    <table name="vendor_tablename" resource="default" engine="innodb" comment="Vendor Modulename">
        <column xsi:type="smallint" name="id" padding="6" unsigned="false" nullable="false" identity="true" comment="ID"/>
        <column xsi:type="varchar" name="author_name" nullable="false" length="25" comment="Name"/>
        <column xsi:type="varchar" name="email" nullable="false" length="25" comment="Email"/>
        <column xsi:type="varchar" name="description" nullable="false" length="255" comment="Descrition"/>
        <constraint xsi:type="primary" referenceId="PRIMARY">
            <column name="id"/>
        </constraint>
    </table>
</schema>
```

Use for create and set table names.

    <table> .. </table>

Use for create and set columns of the table.

    <column> .. </column>

Use for set constraint as like primary key, foreign key, unique key, etc.

    <constraint> .. </constraint>
Before running the upgrade command you need to add your schema to db_whitelist_schema.json file by running the following command:

    php bin/magento setup:db-declaration:generate-whitelist --module-name=Vendor_Modulename
Now, there are **db_whitelist_schema.json** file will be created in **/Vendor/Modulename/etc** folder.
Now, run

    php bin/magento s:up
Now the table will be created inside the database.

In case if you want to rename a column, you will need to do few code changes in below line your db_schema.xml at appropriate column.

    <column xsi:type="varchar" name="customer_email" onCreate="migrateDataFrom(email)" on_update="false" nullable="false" default="" comment="Customer Email"/>
Here, **name="customer_email"** is a new column name and **onCreate="migrateDataFrom(email)"** email is old column name.

Also, if you want to drop table, then you can either remove entire table node from an XML file or you can set a disabled attribute to true as like below line in your **db_schema.xml**

    <table name="Vendor_Modulename" resource="default" engine="innodb" comment="Vendor Modulename" disabled="true">
     ..
    </table>

That’s it.

I hope this post helped you to find what you were looking for. Bookmark it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)


In this post, I’ll explain to you how to Implement Declarative Schema in the Custom Module.

To implement declarative schema in a custom module you need to create **db_schema.xml** file inside [[...](/blog/magento-2-implement-declarative-schema-in-custom-module)]

Magento 2 Implement Declarative Schema in Custom Module.


In this blog I'll explain you how to create git repository and how to manage branch, how tp Manage Git without username and password and also, give you an list of other git commands in a single post.

### Step 1: Create a repository
https://bitbucket.org/

https://github.com/

### Step 2: Create a .gitignore file and add the below code.([Ref link](https://www.atlassian.com/git/tutorials/saving-changes/gitignore))

    etc/*
    .htaccess
    autoload.php
    bootstrap.php
    functions.php

### Step 3: Switch to your directory

    cd /path/to/your/repo

### Step 4: Connect your existing folder to the git repository

    git remote add origin git@bitbucket.org:sample/app.git
    git push/pull origin master

**Or Clone git repository**

**Using https:**

    git clone https://sample@bitbucket.org/sample/app.git

**Using SSH:**

    git clone git@bitbucket.org:sample/app.git

**Specific Branch:**

    git clone git@bitbucket.org:sample/app.git -b branch_nam

**Manage Git without username and password**

Create SSH file in local/server ([Ref link](https://confluence.atlassian.com/bitbucket/set-up-an-ssh-key-728138079.html))

    ssh-keygen
    ls ~/.ssh
    eval `ssh-agent`
    ssh-add ~/.ssh/id_rsa
    cat ~/.ssh/id_rsa.pub
    ssh -T git@bitbucket.org

Add your SSH public key to bitbucket.

Please refer to this [link](https://www.ssh.com/ssh/keygen) for more details to generate different types of a key like (rsa, dsa, ecdsa, ed25519).

### Step 5: Git config

    git config –global user.name "[name]"
    git config –global user.email "[email address]"


### Step 6: Check/Create/Switch Branch

    git branch
    git branch checkout -b branch_name
    git branch checkout branch_name
    git branch -d branch_name

### Step 7: Update changes on staging branch

    git status
    git add .
    git add --all
    git add /file/path
    git add /file/path /file/path
    git commit -m "Type in the commit message."
    git push origin staging_branch_name

### Step 8: Get updates on master branch

    git pull origin master_branch_name

### Best practice to manage the git process in any project.

- Manage 3 environment and create 3 branches for that.
  - Development
  - Staging
  - Master
- Once the development process is complete push all those changes to the development branch.
- Pull the development branch in a staging environment and test it. If everything is working then push on the master branch.
- Pull changes from the master branch.

### General Git Commands
```
- git clone [url]
- git init
- git add
- git commit -m "Type in the commit message."
- git diff
  - git diff
  - git diff –staged
  - git diff /file/path
  - git diff [first branch] [second branch]
- git log (Display commit log)
- git remote set-url origin git@bitbucket.org:sample/app.git
- git remote -v
- git –help command
  - git help -a
  - git help -a | grep credential-
- git reset
  - git reset [file path]
  - git reset [commit]
  - git reset –hard [commit]
- git rm [file]
- git show [commit]
- git checkout
- git merge [branch name]
- git config
- git push origin branch_name
- git push –all origin
- Git pull origin branch_name
```

**Command Reference**

[https://dzone.com/articles/top-20-git-commands-with-examples](https://dzone.com/articles/top-20-git-commands-with-examples)

That’s it.

I hope this post helped you to find what you were looking for. Bookmark it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


In this blog I'll explain you how to create git repository and how to manage branch, how tp Manage Git without username and password and also, give you an list [[...](/blog/manage-git-repository-in-magento-2)]

Manage Git Repository in Magento 2


In this article, I will give you a simple steps to Add Custom Tab On Customer Account Section in Magento 2 Extension. Please follow bellow simple steps to custom tab In Magento 2.

Add Following files into your extension and copy that code into that files.

1. **Create `customer_account.xml` into `Devhooks/Module/view/frontend/layout`**

```xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <body>
      <referenceBlock name="customer_account_navigation">
         <block class="Magento\Framework\View\Element\Html\Link\Current" name="customer-account-navigation-module">
            <arguments>
               <argument name="path" xsi:type="string">module/customer/index</argument>
               <argument name="label" xsi:type="string">My Module</argument>
            </arguments>
         </block>
      </referenceBlock>
   </body>
</page>
```

2. **Create `module_customer_index.xml` into `Devhooks/Module/view/frontend/layout`**

```xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
<update handle="customer_account"/>
<body>
    <referenceBlock name="page.main.title">
            <action method="setPageTitle">
                <argument translate="true" name="title" xsi:type="string">My Module</argument>
            </action>
     </referenceBlock>
     <referenceContainer name="content">
        <block class="Magento\Framework\View\Element\Template" name="my_module" template="Devhooks_Module::module.phtml">
        </block>
    </referenceContainer>
</body>
</page>
```

3. **Create `Index.php` into `Devhooks/Module/Controller/Customer`**

```php
<?php
namespace Devhooks\MyModule\Controller\Customer;
class Index extends \Magento\Framework\App\Action\Action {

 public function execute() {

    $this->_view->loadLayout();
    $this->_view->renderLayout();
  }

}
?>
```

4. **Create `module.phtml` into `Devhooks/Module/view/frontend/templates`**

```php
<?php
 // Add Your Code Here
?>
```

**Bingo! **

Finally, we are done, let's flush or refresh cache and test the result.

I hope this Magento article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.


In this article, I will give you a simple steps to Add Custom Tab On Customer Account Section in Magento 2 Extension. Please follow bellow simple steps to custom tab [[...](/blog/add-custom-tab-on-customer-account-section-in-magento)]

Magento 2 Add Custom Tab On Customer Account Section


In this article, I have compiled most of the useful Magento 2 commands which we are regularly used while development. Check the following list of Magento 2 most important SSH / CLI commands that I have found useful.

**Setup Upgrade Using Command Line**

    php bin/magento setup:upgrade

If you don’t want to remove pub/static files while installing/updating database then use following command.

    php bin/magento setup:upgrade --keep-generated

**Cache Clean Using Command Line**

    php bin/magento cache:clean

**Cache Flush Using Command Line**

    php bin/magento cache:flush

**View cache status Using Command Line**

    php bin/magento cache:status

**Enable Cache Using Command Line**

    php bin/magento cache:enable [cache_type]

**Disable Cache Using Command Line**

    php bin/magento cache:disable [cache_type]

**Static Content Deploy Using Command Line** (Use -f for force deploy on 2.2.x or later)

    php bin/magento setup:static-content:deploy

**Static Content Deploy For Particular Language Using Command Line**

    php bin/magento setup:static-content:deploy en_US

**Static Content Deploy For Magento Backend Theme Using Command Line** (Working on 2.1.1 or later)

    php bin/magento setup:static-content:deploy --theme="Magento/backend"

**Static Content Deploy For Specific Themes Using Command Line** (Working on 2.1.1 or later)

    php bin/magento setup:static-content:deploy --theme Magento/luma --theme Magento/second_theme

**Exclude Themes on Static Content Deploy and does not minify HTML files Using Command Line **(Working on 2.1.1 or later)

    php bin/magento setup:static-content:deploy en_US --exclude-theme Magento/luma --no-html-minify

**Reindexing Using Command Line**

    php bin/magento indexer:reindex

**View the list of indexers Using Command Line**

    php bin/magento indexer:info

**View indexer status Using Command Line**

    php bin/magento indexer:status

**Show the mode of all indexers Using Command Line**

    php bin/magento indexer:show-mode

**See all modules Status Using Command Line**

    php bin/magento module:status

**Enable module Using Command Line**

    php bin/magento module:enable Namespace_Module

**Disable module Using Command Line**

    php bin/magento module:disable Namespace_Module

**Uninstall Module Using Command Line**

    php bin/magento module:uninstall Namespace_Module

**Check Current Mode Using Command Line**

    php bin/magento deploy:mode:show

**Change To Developer Mode Using Command Line**

    php bin/magento deploy:mode:set developer

**Change To Production Mode Using Command Line**

    php bin/magento deploy:mode:set production

**Run the single-tenant Compiler Using Command Line**

    php bin/magento setup:di:compile

**Unlock Admin User Using Command Li**ne

    php bin/magento admin:user:unlock adminusername

**Enable Maintenance Mode Using Command Line**

    php bin/magento maintenance:enable

To enable maintenance mode for all clients except 192.0.0.1 and 192.0.0.2:

    php bin/magento maintenance:enable --ip=192.0.0.1 --ip=192.0.0.2

To clear the list of IPs.

    php bin/magento maintenance:enable --ip=none

**Disable Maintenance Mode Using Command Line**

    php bin/magento maintenance:disable

**Check Maintenance Mode Status Using Command Line**

    php bin/magento maintenance:status

**Allow IP on Maintenance Mode Using Command Line**

    php bin/magento maintenance:allow-ips --ip=192.0.0.1 --ip=192.0.0.2

**Set Magento crontab Using Command Line**

    php bin/magento cron:install --force

Use **--force** to rewrite an existing Magento crontab.
To view the crontab, enter the following command as the Magento file system owner.

    crontab -l

**Remove Magento crontab Using Command Line**

    php bin/magento cron:remove

I hope this article helps you find what you were looking for. Check out our other article if you are looking for [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut).

Bookmark it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)




In this article, I have compiled most of the useful Magento 2 commands which we are regularly used while development. Check the following list of Magento 2 most important SSH [[...](/blog/useful-magento-2-commands-via-ssh-cmd)]

Useful Commands for Magento 2


In this article, I have covered most of the useful Magento 2 commands shortcut which we are regularly used while development. Check the following list of Magento 2 most important SSH / CLI commands shortcut that I have found useful.

**Command Shortcut for Setup Upgrade**

    php bin/magento s:up

If you don’t want to remove pub/static files while installing/updating database then use the following command.

    php bin/magento s:up --keep-generated

**Command Shortcut for Cache Clean**

    php bin/magento c:c

**Command Shortcut for Cache Flush**

    php bin/magento c:f

**Command Shortcut for Disable Cache**

    php bin/magento c:d

**Command Shortcut for Enable Cache**

    php bin/magento c:e

**Command Shortcut for Reindexing**

    php bin/magento i:rei

**Command Shortcut for View the list of indexers**

    php bin/magento i:i

**Command Shortcut for View indexer status**

    php bin/magento i:st

**Command Shortcut for View indexer Resets**

    php bin/magento i:res

**Command Shortcut for Show the mode of all indexers**

    php bin/magento i:sh

**Command Shortcut for Static Content Deploy**

    php bin/magento s:s:d

**Command Shortcut for Static Content Deploy For Particular Language**

    php bin/magento s:s:d en_US

**Command Shortcut for Static Content Deploy For Magento Backend theme**

    php bin/magento s:s:d --theme="Magento/backend"

**Command Shortcut for Static Content Deploy For Specific Themes**

    php bin/magento s:s:d --theme Magento/luma --theme Magento/second_theme

**Command Shortcut for Exclude Themes on Static Content Deploy and does not minify HTML**

    php bin/magento s:s:d en_US --exclude-theme Magento/luma --no-html-minify

**Command Shortcut for Di Compile**

    php bin/magento s:d:c

**Command Shortcut for See all modules Status**

    php bin/magento mo:s

**Command Shortcut for Enable module**

    php bin/magento mo:e Namespace_Module

**Command Shortcut for Disable module**

    php bin/magento mo:d Namespace_Module

**Command Shortcut for Uninstall Module**

    php bin/magento mo:u Namespace_Module

**Command Shortcut for Check Current Mode**

    php bin/magento d:m:sh

**Command Shortcut for Change To Developer Mode**

    php bin/magento d:m:se developer

**Command Shortcut for Change To Production Mode**

    php bin/magento d:m:se production


I hope this article helps you find what you were looking for.

Bookmark it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)



In this article, I have covered most of the useful Magento 2 commands shortcut which we are regularly used while development. Check the following list of Magento 2 most important [[...](/blog/magento-2-commands-shortcut)]

Magento 2 Commands Shortcut


In this post we’ll guide you how to Allow PDF file on CMS Page, CMS Block and Product page Wysiwyg Editor.

We have add this post just because lot’s of peoples finding a way for add or insert a PDF file in Wysiwyg Editor on Magento 2.

By default Magento does not provide functionality for that. So, you need to create a custom module or use your any exsisting module and create few files on that which are mentioned on below.

Make magento allow pdf files upload on back office. There’s two steps :

- Add pdf to allowed extensions type. With that modification only, the files would upload but with an exception because magento tries to resize the pdf.
- Override the upload method to resize images only.
First you need to create **di.xml** file at **app/code/[Company]/[Module]/etc/di.xml** and past above code into that file.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Cms\Model\Wysiwyg\Images\Storage">
        <arguments>
            <argument name="extensions" xsi:type="array">
                <item name="allowed" xsi:type="array">
                    <item name="pdf" xsi:type="number">1</item>
                </item>
            </argument>
        </arguments>
    </type>
    <preference for="Magento\Cms\Model\Wysiwyg\Images\Storage" type="[Company]\[Module]\Model\Cms\Wysiwyg\Images\Storage" />
</config>
```

Second you need to create **Storage.php** file at **app/code/[Company]/[Module]/Model/Cms/Wysiwyg/Images/Storage.php** and past above code into that file.

```php
<?php

namespace [Company]\[Module]\Model\Cms\Wysiwyg\Images;

class Storage extends \Magento\Cms\Model\Wysiwyg\Images\Storage
{
    public function uploadFile($targetPath, $type = null)
    {
        /** @var \Magento\MediaStorage\Model\File\Uploader $uploader */
        $uploader = $this->_uploaderFactory->create(['fileId' => 'image']);
        $allowed = $this->getAllowedExtensions($type);
        if ($allowed) {
            $uploader->setAllowedExtensions($allowed);
        }
        $uploader->setAllowRenameFiles(true);
        $uploader->setFilesDispersion(false);
        $result = $uploader->save($targetPath);

        if (!$result) {
            throw new \Magento\Framework\Exception\LocalizedException(__('We can\'t upload the file right now.'));
        }

         // Change Start
        if (strtolower($uploader->getFileExtension()) !== 'pdf') {
            // Create Thumbnail
            $this->resizeFile($targetPath . '/' . $uploader->getUploadedFileName(), true);
        }

        $result['cookie'] = [
            'name' => $this->getSession()->getName(),
            'value' => $this->getSession()->getSessionId(),
            'lifetime' => $this->getSession()->getCookieLifetime(),
            'path' => $this->getSession()->getCookiePath(),
            'domain' => $this->getSession()->getCookieDomain(),
        ];

        return $result;
    }
}
```

    php bin/magento cache:clean

Once you are done with that, it’s pretty straightforward. Add the pdf just like you would do with any image link.

That’s it.

I hope this post helped you to find what you were looking for. Bookmark it for your future reference. Do comment below if you have any other questions on that.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)



In this post we’ll guide you how to Allow PDF file on CMS Page, CMS Block and Product page Wysiwyg Editor.

We have add this post just because lot’s of peoples [[...](/blog/magento-2-allow-pdf-file-wysiwyg-editormagento-2-allow-pdf-file-in-wysiwyg-editor)]

Magento 2 Allow PDF file in Wysiwyg Editor


If your Magento installation has only a single store and store view, you can simplify the display by turning off all store view options and scope indicators. In this post, we’ll let you know how to enable Single Store Mode Single Store Mode Configuration.

Learn how to enable single-store mode simply by following steps:

### To set single store mode:
- On the Admin sidebar, click **Stores**. Then under **Settings**, select **Configuration**.
- In the panel on the left under General, select **General**.
- Scroll down to the bottom of the page, and expand the **Single Store Mode section**.
- Set **Enable Single Store Mode** to "Yes."
- Click Save Config.
- When prompting to refresh the cache, do the following:
  - Click the Cache Management link in the system message at the top of the page.
  - Mark the Page Cache checkbox.
  - With Actions set to “Refresh,” click Submit.

For more information please refer Magento 2 user guide.

**That’s it.**

I hope this Magento post helped you to know How to enable Single Store Mode in Magento 2. Bookmark it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


If your Magento installation has only a single store and store view, you can simplify the display by turning off all store view options and scope indicators. In this post, [[...](/blog/enable-single-store-mode-magento-2)]

How to enable Single Store Mode in Magento 2


It’s actual that [Magento](http://devdocs.magento.com/guides/v2.0/install-gde/bk-install-guide.html) and a few different engineers have composed articles specifying what I’m going to experience, yet I chose to compose this for the total amateur with more profound clarification of what is happening all through the means – especially the part of Composer.

### Step 1: Server Environment

Magento 2 has new least necessities of your LAMP stack. I’m not going to show them here on the off chance that they change so please check the [Magento 2 documentation](http://devdocs.magento.com/guides/v2.0/install-gde/bk-install-guide.html#install-verify-prereq) for those essentials.

### Step 2: Clone Magento 2

To clone Magento CE 2 into your current directory run the Git following command:

    git clone https://github.com/magento/magento2.git

It will clone the repo into a magento2 subdirectory, and this should take about 2-3 minutes depending on your broadband speed. Once it’s done run the following command to move into the Magento 2 root directory and checkout the master branch.

    cd magento2
    git checkout master

In order to work with Composer a project must have a composer.json file within its root directory. If you take a look at the file you’ll see a huge list of Magento 2 package dependencies. I’ve picked out first three below:

**– require:** a list of packages (and versions) required by Magento 2. Magento 2 will not install if any of those package dependencies are not met.

**– require-dev:** a list of packages required by Magento 2 for development (includes running units tests, hence why PHPUnit is in there)

**– replace:** shows a list of packages that are replaced by Magento 2, which is mostly made up of the main modules that make up the Magento 2 framework – this allows developers to fork specific packages with improved or customised code

To run Composer for the first time and install your packages simply run:

    composer install

When upgrades become available you can install future updates by using:

    composer update

The beauty is that upgrades will only run if Composer identifies a package’s dependencies can be met meaning the stack should always run smoothly.

Vagrant users should not find this a problem, however you may encounter missing PHP extensions when you install Composer, such as:

- The requested PHP extension ext-mcrypt * is missing from your system.
- The requested PHP extension ext-intl * is missing from your system.

For MAMP users, you can get around this by creating a symlink of your system’s PHP version to MAMPs. Firstly find out your PHP location:

    which php // returns for example: /usr/bin/php

And then create the symlink:

    sudo mv /usr/bin/php /usr/bin/php.bak
    sudo ln -s /Applications/MAMP/bin/php/php5.6.10/bin/php /usr/bin/php

When Composer has finished its install you’ll be ready to install Magento. You can do this via command line, with Composer or through the installer interface.

### Step 3: Install Magento 2

The installer interface is better looking than before and it checks your server ‘readiness’ before allowing you to proceed with the install.

Follow the process and once fully installed you’re ready to go.

That’s it, we hope this Magento post helped you to Install Magento 2 using Composer.

**Bookmark** it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


It’s actual that [Magento](http://devdocs.magento.com/guides/v2.0/install-gde/bk-install-guide.html) and a few different engineers have composed articles specifying what I’m going to experience, yet I chose to compose this for the total amateur with more [[...](/blog/install-magento-2-using-composer)]

Install Magento 2 using Composer


Lots of Developer and Site Admin have a problem to run command and install module in Magento 2 when there hosting provider does’n provide SSH/CLI Access. In this post we give a custom solution for that. So, you just don’t worry about that. Follow this post and Install Module or Run CLI Command Without SSH/CLI in Magento 2.

We have a two solution for that.

### First Solution

If you don’t have permission of CLI. Then we think system() function will help you on this.

To use this function , just simple create **command.php** file in your Magento root, then write below code in this file.

```php
<?php

echo "<pre>";
system('php bin/magento setup:upgrade'); // You can change command as you want.
echo "</pre>";
```

And run this script with **http://domain.com/command.php** It will gives you resulted output.

### Second Solution

If you want to run Magento 2 command without CLI then we have a another solution for that, but it doesn’t gives you any message (Success or Fail), but you can use this if you don’t have any option.

For that you have to create **command.php** file in your Magento root, and paste below code in **command.php** file.

```php
<?php

use Magento\Framework\App\Bootstrap;
require __DIR__ . '/app/bootstrap.php';

$bootstrap = Bootstrap::create(BP, $_SERVER);
$obj = $bootstrap->getObjectManager();

$state = $obj->get('Magento\Framework\App\State');
$state->setAreaCode('frontend');
$k[0]='bin/magento';
$k[1]='setup:upgrade'; // You can change command as you want like setup:static-content:deploy, cache:status etc.
$_SERVER['argv']=$k;
try {
	$handler = new \Magento\Framework\App\ErrorHandler();
	set_error_handler([$handler, 'handler']);
	$application = new Magento\Framework\Console\Cli('Magento CLI');
	$application->run();
} catch (\Exception $e) {
	while ($e) {
	echo $e->getMessage();
	echo $e->getTraceAsString();
	echo "\n\n";
	$e = $e->getPrevious();
}
```
And run this script with **http://domain.com/command.php** it doesn’t gives you any message (Success or Fail), but you can use this as a second option.

That’s it, we hope this Magento post helped you to know How to Install Exetnsion or Run Command Without SSH/CLI in Magento 2.

**Bookmark** it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


Lots of Developer and Site Admin have a problem to run command and install module in Magento 2 when there hosting provider does’n provide SSH/CLI Access. In this post we [[...](/blog/install-module-run-cli-command-without-ssh-magento-2)]

How to Install Module or Run CLI Command Without SSH in Magento 2


In this tutorial, we will give you simple steps to create Automatically refresh cache using cron in Magento 2 Extension. Please follow bellow simple steps to create auto refresh cache extension In Magento 2.

Some times it may happen that we change the content/data of cms page,block or other configuration at that time some of the cache has been invalidate so website performance can be down. Now just refresh cache automatically by setting cron. We will create one extension for to refresh cache automatically.

Follow some simple steps to create Auto refresh cache extension for Magento 2.

**Namespace:** Vendor **Modulename:** AutoRefreshCache

**Step 1:** Create **registration.php** into **app/code/Vendor/AutoRefreshCache**

```php
<?php
\Magento\Framework\Component\ComponentRegistrar::register
(\Magento\Framework\Component\ComponentRegistrar::MODULE,'Vendor_AutoRefreshCache',__DIR__);
```

**Step 2:** Create **module.xml** into **app/code/Vendor/AutoRefreshCache/etc**

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="Vendor_AutoRefreshCache" setup_version="1.0.0" schema_version="0.0.1">
    </module>
</config>
```
**Step 3:** Create **crontab.xml** into **app/code/Vendor/AutoRefreshCache/etc**

```xml
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Cron:etc/crontab.xsd">
    <group id="default">
        <job name="vendor_autorefreshcache_cron" instance="Vendor\AutoRefreshCache\Model\Cron" method="myCronFunction">
            <schedule>*/2 * * * *</schedule>
        </job>
    </group>
</config>
```

**Setp 4:** Create **Cron.php** into **app/code/Vendor/AutoRefreshCache/Model**

```php
<?php
namespace Vendor\AutoRefreshCache\Model;
use Magento\Backend\App\Action\Context;
use Magento\Backend\App\Action;
use Magento\Framework\App\Cache\Manager as CacheManager;
use Magento\Framework\App\Cache\TypeListInterface as CacheTypeListInterface;
class Cron
{
    public function __construct(
        \Magento\Framework\Model\Context $context,
        \Magento\Framework\App\Cache\TypeListInterface $cacheTypeList,
        \Magento\Framework\App\Cache\Frontend\Pool $cacheFrontendPool
    )
    {
        $this->_cacheTypeList = $cacheTypeList;
        $this->_cacheFrontendPool = $cacheFrontendPool;
    }
    public function myCronFunction()
    {
        $invalidcache = $this->_cacheTypeList->getInvalidated();
        foreach($invalidcache as $key => $value) {
          $this->_cacheTypeList->cleanType($key);
        }
    }
}
```

**Step 5:** Open Command line in folder root of magento and run both commands.

    php bin/magento setup:upgrade --keep-generated

    php bin/magento cache:flush

For more informations about Magento 2 Useful Commands List [Click Here](http://vagento.com/2017/01/07/useful-magento-2-commands-via-ssh-cmd/) and read our another Post.

**Step 6:** To set cron on your server you need to run following commands.

    crontab -e

and then type the follwoing cron cofiguration for your magento 2 , you can set cron schedule as per your requirement.

    */2 * * * * php /var/www/html/magento2/bin/magento cron:run

Save this and exit

**Bingo! **

We are done Now you just do not worry about cache as it will automatically refresh. So by this way you can clean cache automatically in Magento2.

> Automatically refresh cache using cron is not recommended way because in some cases maybe its cause issue in website performance if you constantly edit the content on your website. You can use this at your own risk.

I hope this Magento post helped you to create Automatically refresh cache extension in Magento 2. Bookmark it for your future reference. Do comment below if you have any other questions or doubts on this post.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)



In this tutorial, we will give you simple steps to create Automatically refresh cache using cron in Magento 2 Extension. Please follow bellow simple steps to create auto refresh cache [[...](/blog/automatically-refresh-cache-using-cron-magento-2)]

Automatically Refresh Cache Using Cron in Magento 2


This post is about Magento 2 plugins. Here we discuss the plugin structure and how to create a plugin. A plugin is also known as Interceptors. When we here name of the plugin in Magento 2, the first question comes in our mind that, what is a plugin and what is the use of a plugin?

### What is plugin?
A plugin, or interceptor, is a class that modifies the behavior of original public class functions or methods by another function call and running code before, after, or around that function call. This allows you to substitute or extend the behavior of original, public methods for any class or interface. Plugins only use for “public methods”.

### Why use of plugins?
Plugin is a interceptors approach. Its minimize confliction among extensions that change the behavior of the same class or method. Plugin class does not change class itself but it only modifies the behavior of class function. We can prevent collisions between plugins by using sort order attribute of plugin. Plugin can be called sequentially according to a sort order, so it does not conflict with other plugin class.

**There are certain limitations of plugins.Plugins cannot be used with any of the following:**

- Non-public methods
- Static methods
- Final methods
- Final classes
- Virtual types
- Any class that contains at least one final public method
- Objects that are instantiated before Magento\Framework\Interception is bootstrapped
- __construct

**Types of plugin:**

1. Before Plugin.
2. After Plugin.
3. Around Plugin.

**1) Before Plugin:**

Before Plugin is used for changing the arguments of an original method or add some behavior before an original method called.To use before plugin, we need to use before prefix and its added to the name of an original method.The before plugin methods do not need to have a return value.

**Prototype: beforeMethodname()**.

**2) After Plugin:**

After Plugin is used for changing the arguments of an original method or add some behavior before an original method called.To use after plugin, we need to use after prefix and its added to the name of an original method.The after plugin methods do not need to have a return value.

**Prototype: afterMethodname()**.

**3) Around Plugin:**

After Plugin is used for changing both the arguments and returned values of an original method or add some behavior before and after an original method is called. We need to use after prefix and its added to the name of an original method.The around plugin must have a return value.

**Prototype: aroundMethodname()**.

### Declaration of a plugin:

To use Plugins first of all we have to define it in **di.xml**.

```xml
<config>
    <type name="{ObservedType}">
        <plugin name="{pluginName}" type="{PluginClassName}" sortOrder="1" disabled="false"/>
    </type>
</config>
```

**Type name:** A class, interface, or virtual type, which is observed by a plugin.
**Plugin name:** A plugin name.
**Plugin type:** The name of a plugin’s class or virtual type.
**Plugin sortOrder:** Order, in which the plugins calling the same method are to be executed.
**Plugin disabled:** This attributes defines whether plugin is enabled or not. disabled=”true” defines the plugin is disabled.

After that define your plugin class at **My\Module\Plugin\ProductPlugin.php:**

```php
<?php namespace My\Module\Plugin; class ProductPlugin { public function beforeSetName(\Magento\Catalog\Model\Product $subject, $name) { return ['(' . $name . ')']; } } ?>

```

### Examples of all types of plugins.

**1. Before Plugin:**

In this example we will define plugin class that observed function addProduct($productInfo, $requestInfo = null) of a Magento\Checkout\Model\Cart class. addProduct method call each and every time when we add product to cart.In this example, we will change product quantity during add to cart.

**Step-1:** Create **di.xml** at **Vendor/Module/etc/di.xml**. This is declaration of plugin.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Checkout\Model\Cart">
        <plugin name="productcart" type="Vendor\Module\Plugin\Productcart" sortOrder="1" />
    </type>
</config>
```
**Step-2:** Create **Productcart.php** as plugin class at **Vendor\Module\Plugin\Productcart.php** and addProduct method written as beforeAddProduct method in plugin class.

```php
<?php
namespace Vendor\Module\Plugin;
class Productcart
{
    public function beforeAddProduct(
    \Magento\Checkout\Model\Cart $subject,
    $productInfo,
    $requestInfo = null
    ) {
        $requestInfo['qty'] = 5; // increasing quantity to 5
        return array($productInfo, $requestInfo);
    }
}
```
Using this before plugin, when add to cart button clicked with 1 quantity then product will be added in cart with 5 quantity.

**2. After Plugin:**

In this example we will define plugin class that observed function getName of **Magento\Catalog\Model\Product** class. **getName()** method returns product name.

**Step-1:** Create **di.xml** at **Vendor/Module/etc/di.xml**. This is declaration of plugin.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Catalog\Model\Product">
        <plugin name="productname" type="Vendor\Module\Plugin\Productname" sortOrder="1" />
    </type>
</config>
```

**Step-2:** Create **Productname.php** as plugin class at **Vendor\Module\Plugin\Productname.php** and **getName** method written as afterGetName method in plugin class.

```php
<?php
namespace Vendor\Module\Plugin;

class Productname
{
    public function afterGetName(\Magento\Catalog\Model\Product $subject, $result) {
        return "Offer ".$result; // Offer will add before Product Name
    }
}
```

With this after plugin example we can change in product name.

**1. Around Plugin.**
In this example we will define plugin class that observed function addProduct of **Magento\Checkout\Model\Cart** class.

**Step-1:** Create **di.xml** at **Vendor/Module/etc/di.xml**. This is declaration of plugin.

```xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Catalog\Model\Product">
        <plugin name="addPro" type="Vendor\Module\Plugin\Product" sortOrder="1" />
    </type>
</config>
```

**Step-2:** Create Product.php as plugin class at **Vendor\Module\Plugin\Product.php** and addProduct method written as aroundAddProduct method in plugin class.

```php
<?php
namespace Vendor\Module\Plugin;

class Product
{
    public function aroundAddProduct(
    \Magento\Checkout\Model\Cart $subject,
    \Closure $proceed,
    $productInfo,
    $requestInfo = null
    ) {
        $requestInfo['qty'] = 5; // Increased quantity to 5
        $result = $proceed($productInfo, $requestInfo);
        // Apply logic here
        return $result;
    }
}
```

The return value is formed in such way that the parameters following the **$closure** parameter in the around listener method definition are passed to the $closure function call in a sequential order.

**That’s it,**

We hope this Magento post helped you to know how to create and use Plugin In Magento 2. Bookmark it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)




This post is about Magento 2 plugins. Here we discuss the plugin structure and how to create a plugin. A plugin is also known as Interceptors. When we here name [[...](/blog/create-use-plugin-magento-2)]

How to Create And Use Plugin In Magento 2


In this post we’ll let you know how to get Database Backup and how to Restore Database Using SSH. In this post we have mention both types of commands for get database backup/restore from .sql file or get database backup/restore from compressed file.

If you want to run sql query and you need to go into the mysql mode then following command will helps you on that. you just need to replace “root” with your database username and run this command after that it’ll ask you for your database user’s password. you just need to enter the password of your database user and press enter that it.

### Connect To Mysql

    mysql -u root -p

For run below commands you don’t need to login into the mysql on your terminal. You just need to loged in to your server using ssh and run following commands and you’ll get database backup or you’ll restore database Using this command.

### Take Database Backup

Following Command will helps to create Database backup without compressed. You just need to replace “root” with your database username and `DBUSER_PASS` with you Database User’s Password and also you need to replace `DATABASE_NAME` with your Database name and `PATH` with your directory path and don’t forgot to replace file `FILE_NAME.sql` with filename which you want.

    mysqldump --opt -u root -pDBUSER_PASS DATABASE_NAME > /PATH/YOU/WANT_SAVE/FILE_NAME.sql

### Take Compressed Database Backup

With this command we are able to create Database Backup with compressed file and it’s size lower then normal backup. And we are always suggest you to take backup with compressed file because it’s really helps you when your database size is big. You just need to run following command for take Database Backup with compressed file. And you just need to replace **root** with your database username and `DBUSER_PASS` with you Database User’s Password and also you need to replace `DATABASE_NAME` with your Database name and `PATH` with your directory path and don’t forgot to replace file **FILE_NAME.sql.gz** with filename which you want.

    mysqldump --opt -u root -pDBUSER_PASS DATABASE_NAME | gzip -9 > /PATH/YOU/WANT_SAVE/FILE_NAME.sql.gz

### Restore Database

Following command will helps you to restore database from backup. To restore Database you just need to run following command and replace **root** with your database username and `DBUSER_PASS` with you Database User’s Password and also you need to replace `DATABASE_NAME` with your Database name and `PATH` with your directory path and don’t forgot to replace file **FILE_NAME.sql** with your backup filename.

    mysql -u root -pDBUSER_PASS DATABASE_NAME < /PATH/YOU/WANT_SAVE/FILE_NAME.sql

### Restore Database from Compressed file.

Using with following command you are able to restore database from Compressed file. To restore Database you just need to run following command and replace **"root"** with your database username and `DBUSER_PASS` with you Database User's Password and also you need to replace `DATABASE_NAME` with your Database name and `PATH` with your directory path and don't forgot to replace file **FILE_NAME.sql** with your backup filename.

    gunzip < /PATH/YOU/WANT_SAVE/FILE_NAME.sql.gz | mysql -u root -pDBUSER_PASS DATABASE_NAME

We hope this post helped you to Get Database Backup Or Restore Database Backup Using SSH(Terminal). Bookmark it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


In this post we’ll let you know how to get Database Backup and how to Restore Database Using SSH. In this post we have mention both types of commands for [[...](/blog/get-database-backup-restore-database-backup-using-ssh)]

Get Database Backup and Restore Database from Backup Using SSH(Terminal)


Magento 2 does not make it easy to change SKUs in bulk. Try to do it via the import/export or dataflow profiles and you run into all kinds of problems. There is, however, a fairly easy way to do it and it simply involves adding a php script to your server and a CSV file of before and after SKUs. In this post we’ll let you know How to Update Bulk Produt SKU using CSV in Magento 2.

Note: Be sure to test this with only one or two product SKUs before doing it with all your SKUs. Also, be sure to backup your database before attempting this.

**Step 1:** Create **sku** folder on Magento 2 Root directory.

**Step 2:** Create **sku2sku.csv** CSV File on **sku** folder with Before and After SKUs In the first column, list your current SKUs and in the second column list the new SKUs.

Do not include headings in your CSV file.

Be sure this file is saved as a **CSV** file in the **UTF-8** or **ANSI** encoding. You might run into problems with this if you create the file using Excel.

**Step 3:** Upload the CSV file on the sku folder on your server so that it’s path is Magento 2 Root **directory/sku/sku2sku.csv**.

**Step 4:** Create the **index.php** file at Magento 2 root **directory/sku/index.php**.

And paste the following code into **index.php** and save the file.

```php
<?php
ini_set('memory_limit', '512M');
set_time_limit(0);
require __DIR__ . '../../app/bootstrap.php';
$bootstrap = \Magento\Framework\App\Bootstrap::create(BP, $_SERVER);
$app = $bootstrap->createApplication('changeskus');
$bootstrap->run($app);
```

**Step 5:** Create the **changeskus.php** file at Magento 2 root **directory/sku/changeskus.php**.

And paste the following php code into changeskus.php and save the file.

```php
<?php
class changeskus
    extends \Magento\Framework\App\Http
    implements \Magento\Framework\AppInterface {
    public function launch()
    {
        $this->_state->setAreaCode('frontend'); //Set area code 'frontend' or 'adminhtml

        $updates_file="sku2sku.csv";
        $sku_entry=array();
        $updates_handle=fopen($updates_file, 'r');
        if($updates_handle) {
            while($sku_entry=fgetcsv($updates_handle, 1000, ",")) {
                $old_sku=$sku_entry[0];
                $new_sku=$sku_entry[1];
                echo "<br>Updating ".$old_sku." to ".$new_sku." - ";
                $_product = $this->_objectManager->create('\Magento\Catalog\Model\Product')->loadByAttribute('sku', $old_sku);
                try {
                    if ($_product) {
                        $_product->setSku($new_sku)->save();
                        echo "successful";
                    } else {
                        echo "item not found";
                    }
                }
                catch (\Exception $e) {
                    echo "Cannot retrieve products from Magento: ".$e->getMessage()."<br>";
                    return;
                }
            }
        }
        fclose($updates_handle);

        return $this->_response;
    }

    public function catchException(\Magento\Framework\App\Bootstrap $bootstrap, \Exception $exception)
    {
        return false;
    }

}
```

Inside **changeskus.php**, CreateApplication method comes from a bootstrap class that’s most important part of Magento 2 initiate application. It creates an instance of an application class. createApplication expects an implementation of the **\Magento\Framework\AppInterface**.

Lunch() method is called by **\Magento\Framework\App\Bootstrap::run** and this is main part that initiate Magento 2 environment. And finally called **$response = $application->launch(**);

For more information on how to Magento 2 application initialization. You can refer below link to find more information.

[http://devdocs.magento.com/guides/v2.0/config-guide/bootstrap/magento-bootstrap.html](http://devdocs.magento.com/guides/v2.0/config-guide/bootstrap/magento-bootstrap.html)

**Step 6:** Run the Script To run the script simply use your internet browser and navigate to [http://domain.com/sku/](http://domain.com/sku/). If you have a multi-site setup use the master or primary site as set by your hosting provider.

When the page opens you should see confirmation messages that your SKUs were updated. Your SKUs should now be successfully updated.

If you’re finished updating the SKUs, remove the CSV and PHP files that you added to the server.

**Step 7:** Errors If you run into the following error, don’t worry too much. Just re-run the script and see if more SKUs get updated.

>Cannot retrieve products from Magento: SQLSTATE[40001]: Serialization failure: 1213 Deadlock found when trying to get lock; try restarting transaction

If you have a lot of SKUs to update you can expect the script to take several minutes at least, to complete.

I hope this Magento technical post helped you to Update SKU using CSV in Magento 2. Bookmark it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


Magento 2 does not make it easy to change SKUs in bulk. Try to do it via the import/export or dataflow profiles and you run into all kinds of problems. [[...](/blog/update-bulk-product-sku-using-csv-magento-2)]

How to Update Bulk Product SKU using CSV in Magento 2


When you are working on Custom Module with Image field in Magento 2. You want different size images. But you don’t need to resize and overwrite the image every time it’s requested. The following approach saves the resized image to a “cache” folder so it returns the image from the cache. This method is defined on a helper class so, you can call it from any class, block or template.

To get Resize Image in Custom Module you need to Follow some simple steps which are listed below.

**Step 1:** You need to create helper class file **Image.php** at **Vender\Module\Helper\Image.php** and past below code.

```php
<?php
namespace Vender\Module\Helper;
use Magento\Framework\Filesystem;
use Magento\Framework\Url;
use Magento\Framework\App\Helper\AbstractHelper;
use Magento\Framework\App\Filesystem\DirectoryList;
class Image extends \Magento\Framework\App\Helper\AbstractHelper {
    protected $scopeConfig;
    protected $storeManager;
    protected $messageManager;
    protected $_response;
    protected $_resourceConfig;
    protected $_responseFactory;
    protected $_url;
    protected $_filesystem;
    protected $_directory;
    protected $_imageFactory;
    public function __construct(
        \Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig, \Magento\Store\Model\StoreManagerInterface $storeManager,
        \Magento\Framework\Message\ManagerInterface $messageManager,
        \Magento\Framework\App\ResponseInterface $response,
        \Magento\Framework\App\Config\Storage\WriterInterface $resourceConfig, \Magento\Framework\App\ResponseFactory $responseFactory,
        \Magento\Framework\UrlInterface $url,
        \Magento\Framework\Filesystem $filesystem,
        \Magento\Framework\Image\AdapterFactory $imageFactory
        ) {
            $this->scopeConfig = $scopeConfig;
            $this->_storeManager=$storeManager;
            $this->messageManager=$messageManager;
            $this->_response=$response;
            $this->_resourceConfig=$resourceConfig;
            $this->_responseFactory = $responseFactory;
            $this->_url = $url;
            $this->_filesystem = $filesystem;
            $this->_directory = $filesystem->getDirectoryWrite(DirectoryList::MEDIA);
            $this->_imageFactory = $imageFactory;
    }

    public function imageResize(
        $src,
        $width=35,
        $height=35,
        $dir='yourdir/'
    ){
        $absPath = $this->_filesystem
        ->getDirectoryRead(DirectoryList::MEDIA)
        ->getAbsolutePath().$src;

        $imageResized = $this->_filesystem
        ->getDirectoryRead(DirectoryList::MEDIA)
        ->getAbsolutePath($dir).
        $this->getNewDirectoryImage($src);
        $imageResize = $this->_imageFactory->create();

        $imageResize->open($absPath);
        $imageResize->backgroundColor([255, 255, 255]);
        $imageResize->constrainOnly(TRUE);
        $imageResize->keepTransparency(TRUE);
        $imageResize->keepFrame(true);
        $imageResize->keepAspectRatio(true);

        $imageResize->resize($width,$height);
        $dest = $imageResized ;
        $imageResize->save($dest);
        $resizedURL= $this->_storeManager->getStore()
        ->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA).
        $dir.$this->getNewDirectoryImage($src);
        return $resizedURL;

    }

    public function getNewDirectoryImage($src){
        $segments = array_reverse(explode('/',$src));
        $first_dir = substr($segments[0],0,1);
        $second_dir = substr($segments[0],1,1);
        return 'cache/'.$first_dir.'/'.$second_dir.'/'.$segments[0];
    }
}
```
**Step 2:** Using below code you can call above **imageResize()** method from any class, block or templete.

```php
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$imgpath = $objectManager->create('Vender\Module\Helper\Image')->imageResize('IMAGE_PATH','50','50','YOUR_DIR_NAME/');
```
To call **imageResize()** method first you need to create Instance of **Vender\Module\Helper\Image** class using with **ObjectManager**. To call **imageResize()** method you need to pass 4 parameter with this method which is **imageResize($src’,$width,$height,$dir)**.

- **$src:** Add Image Path for Ex: “Your_Uploaded_Image_Folder/a/b/abc.png”
- **$width:** It should be number for Ex: “50”
- **$height:** It should be number for Ex: “50”
- **$dir:** Add directory name which you want to save and get resize image.

That’s it, we hope this Magento post helped you to get Resize Image in Custom Module in Magento 2.

**Bookmark** it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)



When you are working on Custom Module with Image field in Magento 2. You want different size images. But you don’t need to resize and overwrite the image every time [[...](/blog/get-resize-image-custom-module)]

How To Get Resize Image in Custom Module


While development website on Magento 2 developers want to add custom filed on checkout address form just because lot’s of customer want to add custom field on checkout from in Magento 2.

So, In this post we will let you know. how to add custom field on checkour address form. In Magento 2 it’s easy to add custom field on checkout address form using plugin. In Magento 2 ‘Interception’ design pattern used in Plugins. Interception is inserting code dynamically without changing the original class behaviour. In this process code is dynamically inserted between the calling code and the target object

In Magento 2 we can create and use three types of Plugin.
- Before listener Plugin
- After listener Plugin
- Around listener Plugin

Please follow the simple steps to add Custom Field At Checkout Address Form.

Let’s Start

**Step 1:** Create a plugin for the **\Magento\Checkout\Block\Checkout\LayoutProcessor::process** method. because billing and shipping address forms are generated dynamically.

So we need create a plugin on process method **LayoutProcessor** class. First we have to make an entry in **di.xml** on this path **app/code/CompanyName/Module/etc/frontend/di.xml**

```xml
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Checkout\Block\Checkout\LayoutProcessor">
        <plugin name="add_custom_field" type="VendorName\Module\Model\Plugin\Checkout\LayoutProcessor" sortOrder="100"/>
    </type>
</config>
```

**Step 2:** Create plugin class on this Directory. **app/code/VendorName\Module\Model\Plugin\Checkout**

Here we used After listener Plugin.

```php
<?php
namespace VendorName\Module\Plugin\Checkout;
class LayoutProcessor
{
    /**
     * @param \Magento\Checkout\Block\Checkout\LayoutProcessor $subject
     * @param array $jsLayout
     * @return array
     */
    public function afterProcess(
        \Magento\Checkout\Block\Checkout\LayoutProcessor $subject,
        array  $jsLayout
    ) {

        $jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']['children']
        ['shippingAddress']['children']['shipping-address-fieldset']['children']['custom_field'] = [
            'component' => 'Magento_Ui/js/form/element/abstract',
            'config' => [
                'customScope' => 'shippingAddress.custom_attributes',
                'template' => 'ui/form/field',
                'elementTmpl' => 'ui/form/element/input',
                'options' => [],
                'id' => 'add-custom-field'
            ],
            'dataScope' => 'shippingAddress.custom_attributes.custom_field',
            'label' => 'Custom Field',
            'provider' => 'checkoutProvider',
            'visible' => true,
            'validation' => [],
            'sortOrder' => 250,
            'id' => 'add-custom-field'
        ];


        return $jsLayout;
    }
}
```

After followed these two simple steps your custom field will be display at checkout address form. If incase it’s not display then check then try to flush Magento cache and refresh the page again and check. If you want to flush cache usgin CLI the reffer our another post which **magento 2 useful commands**.

We hope this simple post is helped you to Add Custom Field At Checkout Address Form. Do comment below in case if you need any help on this. Don’t forget to bookmarke this for you feature refrence.

**P.S.** share this post with other developer.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)



While development website on Magento 2 developers want to add custom filed on checkout address form just because lot’s of customer want to add custom field on checkout from in [[...](/blog/magento-2-add-custom-field-checkout-address-form)]

How To Add Custom Field At Checkout Address Form – Magento 2



In this post I'll let you now how to Create Custom Attribute Set Using Installer Script In Magento 2.

For that you need to follow some steps.

First, you need to create a installer file **InstallData.php** in **Vendor\CustomModule\Setup** and then add following code.

```php
<?php namespace Vendor\ModuleName\Setup;

use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;
use Magento\Eav\Model\Entity\Attribute\SetFactory as AttributeSetFactory;
use Magento\Catalog\Setup\CategorySetupFactory;

class InstallData implements InstallDataInterface {

    private $attributeSetFactory;
    private $categorySetupFactory;

    public function __construct( AttributeSetFactory $attributeSetFactory, CategorySetupFactory $categorySetupFactory ) {
        $this->attributeSetFactory = $attributeSetFactory;
        $this->categorySetupFactory = $categorySetupFactory;
    }

    public function install(
        ModuleDataSetupInterface $setup,
        ModuleContextInterface $context
    ) {
        $setup->startSetup();
        $categorySetup = $this->categorySetupFactory->create(['setup' => $setup]);
        $attributeSet = $this->attributeSetFactory->create();
        $entityTypeId = $categorySetup->getEntityTypeId(\Magento\Catalog\Model\Product::ENTITY);
        $attributeSetId = $categorySetup->getDefaultAttributeSetId($entityTypeId); // Default attribute set Id
        $data = [
            'attribute_set_name' => 'Customattributeset', //attribute set name
            'entity_type_id' => $entityTypeId,
            'sort_order' => 50,
        ];
        $attributeSet->setData($data);
        $attributeSet->validate();
        $attributeSet->save();
        $attributeSet->initFromSkeleton($attributeSetId)->save(); // based on default attribute set
    }
}
```

We are done with that. Now run `setup:upgrade` command and after complete setup upgrade process check attribute set section on admin and you see new attribut set with name **Customattributeset**.

**Bingo!!**

You are successfully done with that. Bookmark it for your future reference. Do comment below if you have any other questions or doubts on this post.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)




In this post I'll let you now how to Create Custom Attribute Set Using Installer Script In Magento 2.

For that you need to follow some steps.

First, you need to create [[...](/blog/create-custom-attribute-set-programmatically-magento-2)]

How To Create Custom Attribute Set Programmatically In Magento 2


In this post We’ll let you know how to Create Database using SSH, how to Create Database User using SSH and also how to Grant or Revoke Privileges for a particular user using SSH.

To perform database opration using **SSH** first of all you need to login on mysql using following command. After enter below command it’ll ask for the password of you database **root user**. here **root** is a user name of your database.

    mysql -u root -p

After Loged in on mysql run below command for create new database. Before run below command you need to replace `YOUR_DATABASE_NAME` with your Database name.

    CREATE DATABASE YOUR_DATABASE_NAME;

Once your database has been created. you need to assign User for that database. So, Before a assign user to database let just see how to create database user. To create database user you just need to run below commans. Before run this command you just need to replace `DATABASE_USERNAME` with your database user and `PASSWORD_OF_THIS_USER` with your database password.

    CREATE USER 'DATABASE_USERNAME'@'localhost' IDENTIFIED BY 'PASSWORD_OF_THIS_USER';

Once your successfully create user run following command for GRANT Privileges to user for your database. Here you just need to replace `YOUR_DATABASE_NAME` with your database name and `DATABASE_USERNAME` with the user you want to grant privileges.

    GRANT ALL PRIVILEGES ON YOUR_DATABASE_NAME . * TO 'DATABASE_USERNAME'@'localhost';

In case if you want to Revoke privileges for particular user for your database then below command we’ll helps you on this. Replace `YOUR_DATABASE_NAME` with your database name and `DATABASE_USERNAME` with the user you want to revoke privileges.

    REVOKE ALL PRIVILEGES ON YOUR_DATABASE_NAME . * FROM 'DATABASE_USERNAME'@'localhost';

If you perform any command related to privileges then you have to FLUSH PRIVILEGES for reflect that changes. Below command is helps to FLUSH PRIVILEGES.

    FLUSH PRIVILEGES;

We hope this post helped you to Create Database, Create Database User and Set Database Privileges for particular User Using SSH. Bookmark it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


In this post We’ll let you know how to Create Database using SSH, how to Create Database User using SSH and also how to Grant or Revoke Privileges for a [[...](/blog/create-database-create-database-user-set-database-privileges-particular-user-using-ssh)]

Create Database, Create Database User and Set Database Privileges for particular User Using SSH


In this article, I will show you how to use event in Magento 2. Please follow below three steps to use magento event.

- Step 1: Dispatch event
- Step 2: Create events.xml file to catch the event
- Step 3: Create Observer file to catch event

As Magento 2 provides an event system. It helps developer to modify or add information to a module without changing the core source code.

### Step 1: Dispatch event

In Magento 2, you can dispatch the event from any place: controller, model, block, data. We will create an event from controller file.

File directory: `app/code/Namespace/Modulename/Controller/Index/Index.php`

```php
<?php namespace Namespace/Modulename\Controller\Index;
class Index extends \Magento\Framework\App\Action\Action
{
   public function execute() {
      $hello = new \Magento\Framework\DataObject(array('label' => 'Magento 2 Event Call'));
      $this->_eventManager->dispatch('hello_magento_display', ['display' => $hello]);
      echo $hello->getDisplay();
      exit;
   }
 }
```
- 'hello_magento_display': event name
- ['display' => $hello]: event argument
- Open your browser and use link: http://yoursite.com/modulecontroller
- Result: Magento 2 Event Call

### Step 2: Create events.xml file to catch event

File directory: `app/code/Namespace/Modulename/etc/events/xml`

```xml
<?xml version="1.0"?>
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
    <event name="hello_magento_display">
        <observer name="change_hello_magento_display" instance="Namespace/Modulename/Observer/Change" />
    </event>
 </config>
```

**Note:** Magento provides 3 events area: admin, frontend and global. In this example we can use frontend area or global area.

- **Admin area:** app/code/Namespace/Modulename/etc/adminhtml/events.xml
- **Frontend area:** app/code/Namespace/Modulename/etc/frontend/events.xml
- **Global area:** app/code/Namespace/Modulename/etc/events.xml

### Step 3: Create Observer file to catch event

File: `app/code/Namespace/Modulename/Observer/Change.php`

```php
<?php namespace Namespace/Modulename\Observer;
class Change implements \Magento\Framework\Event\ObserverInterface
{
   public function execute(\Magento\Framework\Event\Observer $observer) {
       $displayText = $observer->getData('display');
       $displayText->setDisplay('Get magento 2 event successfully!!!');
       return $this;
   }
}
```

Use the link again on your browser: http://yoursite.com/modulecontroller

**That's it!!**

Finally, we are done, let's flush or refresh cache and check Result was changed or not.

I hope this Magento article helped you to find what you were looking for.

**Bookmark** it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.


In this article, I will show you how to use event in Magento 2. Please follow below three steps to use magento event.

- Step 1: Dispatch event
- Step 2: Create [[...](/blog/how-to-use-event-magento-2)]

How to Use Event in Magento 2


In this post we’ll guide you how to Setup Multi Store With Multi Domain in Magento 2. One of Magento’s greatest strengths is its capabilities for scaling to support multi-site, multi-store and multi-language retailing all from the single admin. One instance of the Magento software can enable you to start multiple websites or store views that use different Default languages, Domain names, Categories.

This feature allows you create websites, stores as many as you need only in the single configuration. All stores share the same domain, be set up as subdomains of the same domain, or have entirely different domain, especial, possibly share the same backend for the easier adminstration. Magento is one of the best solutions for multi-store functionality.

Follow the guides in detail to apply Multi Store With Multi Domain in Magento 2. Addtionaly, you can add multiple websites for each store you want to configure. Please Click Here and refer Magento 2 official Document to know how to Set up multiple websites, stores, and store views in the single Magento 2 Admin.

After set up multiple websites, stores, and store views if you want to use multi domain for multi stores you just need to modify index.php file which is locate on your Magento Root. Open index.php file and replace following code with that and change domain and website, store or storeview code as I explain you below of the code.

```php
<?php
/**
 * Application entry point
 *
 * Example - run a particular store or website:
 * --------------------------------------------
 * require __DIR__ . '/app/bootstrap.php';
 * $params = $_SERVER;
 * $params[\Magento\Store\Model\StoreManager::PARAM_RUN_CODE] = 'website2';
 * $params[\Magento\Store\Model\StoreManager::PARAM_RUN_TYPE] = 'website';
 * $bootstrap = \Magento\Framework\App\Bootstrap::create(BP, $params);
 * \/** @var \Magento\Framework\App\Http $app *\/
 * $app = $bootstrap->createApplication('Magento\Framework\App\Http');
 * $bootstrap->run($app);
 * --------------------------------------------
 *
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

try {
    require __DIR__ . '/app/bootstrap.php';
} catch (\Exception $e) {
    echo <<<HTML
<div style="font:12px/1.35em arial, helvetica, sans-serif;">
    <div style="margin:0 0 25px 0; border-bottom:1px solid #ccc;">
        <h3 style="margin:0;font-size:1.7em;font-weight:normal;text-transform:none;text-align:left;color:#2f2f2f;">
        Autoload error</h3>
    </div>
    <p>{$e->getMessage()}</p>
</div>
HTML;
    exit(1);
}
$params = $_SERVER;
$domain2store = array(
    'domain1.com'=>'default', // Replace your Website, Store or Storeview code with this.
    'domain2.com'=>'de',      // Replace your Website, Store or Storeview code with this.
    'domain3.com'=>'es',      // Replace your Website, Store or Storeview code with this.
    'domain4.com'=>'fr',      // Replace your Website, Store or Storeview code with this.
    );
if(isset($domain2store[$_SERVER['HTTP_HOST']]))
    $storecode = $domain2store[$_SERVER['HTTP_HOST']];
$params[\Magento\Store\Model\StoreManager::PARAM_RUN_CODE] = isset($storecode) ? $storecode : '';
$params[\Magento\Store\Model\StoreManager::PARAM_RUN_TYPE] = 'store';
$bootstrap = \Magento\Framework\App\Bootstrap::create(BP, $params);
$app = $bootstrap->createApplication('Magento\Framework\App\Http');
$bootstrap->run($app);
```

Let me explain you some code. you can add more domain by "," saprate. In following code we have add different domain and assign to different Storeview. So what you need to change in this code is to replace Replace your Website, Store or Storeview code with that.

```php
$domain2store = array(
    'domain1.com'=>'default', // Replace your Website, Store or Storeview code with this.
    'domain2.com'=>'de',      // Replace your Website, Store or Storeview code with this.
    'domain3.com'=>'es',      // Replace your Website, Store or Storeview code with this.
    'domain4.com'=>'fr',      // Replace your Website, Store or Storeview code with this.
    );
```

After made this changes you just need to save the `index.php` file and upload it to your server. That’a it. Now run the **domain1.com** and you’ll see specific Website, Store or Storeview you assign to that store.

We hope this Magento post helped you to Setup Multi Store With Multi Domain in Magento 2. **Bookmark** it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.


In this post we’ll guide you how to Setup Multi Store With Multi Domain in Magento 2. One of Magento’s greatest strengths is its capabilities for scaling to support multi-site, [[...](/blog/setup-multi-store-multi-domain-magento-2)]

Setup Multi Store With Multi Domain in Magento 2


Widget is an essential element in Magento 2 and helps the visitors view and surf your website with ease is important. As a store admin, you can take the advantage of the widget to improve the storefront under the lively interface. The widgets allow showing the static information or dynamic content marketing.

Widgets are similar to static blocks, they allow to insert various content into static pages or static blocks. As a rule, widgets have configurable parameters that can be set up when adding it via admin panel.

I want to illustrate some of the implementations of Magento widgets such as.

- Dynamic product data
- Dynamic lists of the recently viewed products
- Promotional banners
- Interactive navigation elements and action blocks
- Dynamic flash elements that are inserted in content pages

In fact, the method to create a widget in Magento 2 is almost the as same as building an optimized front-end extension with a simple module. Hence, there is no complexity since customization for widgets is much simpler than the helloworld module.

Please follow the 4 simple steps below for create a Magento 2 widget:

- **Step 1:** Initialize widget
- **Step 2:** Create a widget template file
- **Step 3:** Create a widget block class
- **Step 4:** Post widget

### Step 1: Initialize Widget

Create a file `VendorName/Module/etc/widget.xml` with the following content.

```xml
<?xml version="1.0" ?>
<widgets xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:helloworld:Magento_Widget:etc/widget.xsd">
   <widget class="VendorName\Module\Block\Widget\Posts" id="vendorName_module_posts">
       <label>Blog Posts</label>
       <description>Posts</description>
       <parameters>
           <parameter name="posts" sort_order="10" visible="true" xsi:type="text">
               <label>Custom Posts Label</label>
           </parameter>
       </parameters>
   </widget>
</widgets>
```

### Step 2: Create a Widget Template File

Create a file with the path `VendorName/Module/view/frontend/templates/widget/posts.phtml`, and add this code to it.

```php
<?php if($block->getData('posts')): ?>
   <h2 class='posts'><?= $block->getData('posts'); ?></h2>
   <p>This is blog widget. Perform your logic here.</p>
<?php endif; ?>
```

### Step 3: Create a Widget Block Class

Create block file at `VendorName/Module/Block/Widget/Posts.php`

```php
<?php
namespace VendorName\Module\Block\Widget;

use Magento\Framework\View\Element\Template;
use Magento\Widget\Block\BlockInterface;

class Posts extends Template implements BlockInterface
{
   protected $_template = "widget/posts.phtml";
}
?>
```

### Step 4: Post Widget

Before posting the widget, you should flush cache by opening SSH terminal and run following command in the root directory of Magento 2.

```bash
php bin/magento cache:flush
```

- Then go to `Admin > Content > Pages > Homepage > Edit`
- In the Content tab, click on `Insert Widget` icon and you will see the `Blog posts` in the widget list.

That's it!!

We hope this simple article is helped you to know **How to create a widget in Magento 2**.

Do comment below in case if you need any help on this. Don’t forget to **bookmarke** this for you feature refrence.

**P.S.** share this post with other.


Widget is an essential element in Magento 2 and helps the visitors view and surf your website with ease is important. As a store admin, you can take the advantage [[...](/blog/how-to-create-widget-magento-2)]

How to Create Widget in Magento 2


After spent lots of time on Migrate Data from Magento 1 to Magento 2 finally I have find a proper steps for that. So I just share those steps with you all. I hope it’ll help you to easily Migrate Data from Magento 1 to Magento 2.

For Migrate Data from Magento 1 To Magento 2 you need to follow below steps.

Before you start Migration process make sure Magento 1 (Your current site) and Magento 2 (Fresh installation) both are in a same server.

**Note:** For data security purpose we’ll suggest you to take your database and source backup before you perform following steps. You can perform all of these steps with your own risk this site is not responsible for any loss or damage.

**Let’s Start**

First you need to open Command line in folder root of magento and run below commands one by one.

    composer update

After complete composer update process run below command

    composer config repositories.data-migration-tool git https://github.com/magento/data-migration-tool

After complete above command process run the below command but before run that command you just need to changes **data-migration-tool:2.2.4** latest version.

    composer require magento/data-migration-tool:2.2.4

After run above command it was copy migration tool at **MagentoRoot/vendor/magento/data-migration-tool**. Before run next command you need to change in **config.xml** file. For Change in config file first you need to know about you Magento 1 version and navigate to the folder same as Magento 1 current version. For Ex : Your current **Magento 1 version 1.9.2.4** and its C**ommunity Edition** then you need to go to the **Magento2Root/vendor/magento/data-migration-tool/etc/ce-to-ce/1.9.2.4/config.xml**.dist file and rename to **config.xml** and open and edit **config.xml** file.

Find following code on config file and change Magento 1 and Magento 2 host,database name, user and password..

    <source>
        <database host="127.0.0.1" name="magento1" user="root" password="pass"/>
    </source>
    <destination>
        <database host="127.0.0.1" name="magento2" user="root" password="pass"/>
    </destination>

Also find another code on same file if you use prefix on your Magento 1 database

Find

    <source_prefix />

Change to

    <source_prefix>magento1</source_prefix>

Also find another code on same file and add **crypt_key** of you Magento 1. You’ll get this key from your **Magento 1 Root/app/code/etc/local.xml** and find and copy that key from that file and paste it between **MAGENTO_KEY** as per following example.

Find

    <crypt_key />

Change to

    <crypt_key>f3e25abe619dae2387df9fs594f01985</crypt_key>

After Made all the changes on **config.xml** file run following both command one by one.

    php bin/magento migrate:settings vendor/magento/data-migration-tool/etc/ce-to-ce/1.9.2.4/config.xml

    php bin/magento migrate:data --reset vendor/magento/data-migration-tool/etc/ce-to-ce/1.9.2.4/config.xml

You can use -r or –reset. -r or –reset is an optional argument that starts migration from the beginning. You can use this argument for testing migration.

If completed all this steps successfully then congratulation you are successfully Migrate data from Magento 1 to Magento 2.

After you have completed your migration and thoroughly tested your new Magento 2 site, perform the following tasks:

- Flush all Magento 2 cache types
- Reindex all Magento 2 indexers

After completed data migration incase if you want to do Delta migration then run following command on command line.

Delta is used for incremental migration. Incremental migration enables you to migrate only the changes made in Magento 1 since the last time you migrated data. These changes are:
- Data that customers added via storefront (created orders, reviews, changes in customer profiles, etc.)
- All operations with orders in the Magento Admin panel

    php bin/magento migrate:delta vendor/magento/data-migration-tool/etc/ce-to-ce/1.9.2.4/config.xml

Site Data Migration from Magento 1 to Magento 2 requires accuracy. If you are not comfortable with migration process, I would suggest you to take a professional help from a company like Dolphin, they have mastered the process of migration and have helped so many stores successfully convert from Magento 1 to Magento 2. If you want to take advantage of features in Magento 2 and need a professional help, please Contact [Dolphin](https://www.dolphinwebsolution.com/).

I hope you easy to understand this magento post with above steps and you are successfully Migrate data from Magento 1 to Magento 2. See you again in our next post. Bookmark it for your future reference. Do comment below if you have any other questions or doubts on Migrate Data from Magento 1 to Magento 2.

**P.S.** Do share this Post with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)




After spent lots of time on Migrate Data from Magento 1 to Magento 2 finally I have find a proper steps for that. So I just share those steps with [[...](/blog/migrate-data-magento-1-magento-2)]

Migrate Data From Magento 1 to Magento 2


A extension in Magento 2 is located in a single directory which simplifies the search and analysis of the extension’s logic.  Now the standard module structure looks like this:

Let’s describe this structure. Once again all extensions are located in the app / code /. Then the following logic works:

- **Example:** it is a vendor’s name (as a rule it coincides with the company name and should be unique).
Extension – module (extension) name.
The module includes the following:

- **Block:** stores files that will ensure the interaction of the patterns (phtml from the View directory) with extension models or the whole system (optional directory).

- **Controller:** these files are responsible for the connection of the module with the outside world – i.e. switching on the module by clicking on an url. (Example site.com/extension/index/index – lead to the module controller. (optional directory).

- **etc:** contains the configuration files.

- **Helper:** contains the files that are responsible for performing general tasks for extension objects and variables.

- **Model:** contains the files that are responsible for connection with the database (optional directory).

- **Setup:** includes the files that are necessary to make changes in the database – i.e. creating tables, fields, or other records required for the module performance (optional directory).

- **Test:** contains the files that are necessary to perform the module test. (optional directory).

- **View:** includes the files that are necessary for information output on the frontend and backend.  Commonly these files contain html code (optional directory).

I Hope this will help you. and incase if this solution is not working for you and you find another solution for that then I’ll request you all the guy’s please share to all.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


A extension in Magento 2 is located in a single directory which simplifies the search and analysis of the extension’s logic.  Now the standard module structure looks like this:

Let’s [[...](/blog/extension-folder-structure-magento-2)]

Extension Folder Structure in Magento 2


If you have setup a new server and your PHP `mail()` function is failing, it's just because Sendmail isn't installed on your server. So, Here we'll let you know some simple setps to fix this problem.

To Configuring Sendmail on Ubuntu, you need to run following commands on your server.

Install Sendmail on Ubuntu

```bash
sudo apt-get install sendmail
```

Update your hosts file

```bash
sudo nano /etc/hosts
```

Make sure the line something like below at the top:

```bash
127.0.1.1 yourhost yourhost
127.0.0.1 localhost
```

Change the second line to look like this, where yourhost is the same as whatever is in the line above it.

```bash
127.0.0.1 localhost localhost.localdomain yourhost
```

Save the file and then Run Sendmail's config command and answer `Y` to everything:

```bash
sudo sendmailconfig
```

Sendmail Installation and Configuration is done. Now Finally you need to Restart Apache. Run the following command to restart Apache services:

```bash
sudo service apache2 restart
```

**Bingo!!** Sendmail is now installed and configured, and your PHP **mail()** function is working and it will send mail quickly now.

I hope this article helped you to know How to Install and Configure Sendmail on Ubuntu .

**Bookmark** it for your future reference. Do comment below if you have any other questions or doubts.

**P.S.** Do share this post with your team.


If you have setup a new server and your PHP `mail()` function is failing, it's just because Sendmail isn't installed on your server. So, Here we'll let you know some [[...](/blog/install-configure-sendmail-ubuntu)]

Install and Configure Sendmail on Ubuntu


In this article, I will explain how to upgrade your Magento version from Magento 2.x.x to Magento 2.x.x using Command-Line Interface (CLI). Please keep in mind that this upgrade supports a fresh installation of Magento 2, so it is not recommended to apply this method on your live store. After the upgrade, you can migrate your data from old Magento 2 store to newly upgraded Magento 2.1 & 2.x store.

**Step 1: Access Your Server via SSH**

You need to connect your server via SSH.

**Step 2: Navigate to the Magento 2 Root Directory**

Once your SSH connection is up, you will need to move to your target application folder. In that application folder, you will find the public_html folder which is the root directory of Magento 2.

**Step 3: Upgrade Commands**

Please follow the same order and use the commands listed below:

    composer require magento/product-community-edition 2.2.4 --no-update

**Note:** As 2.2.4 is the latest version, these numbers can be changed accordingly. You can also Upgrade Magento 2.x.x to 2.x.x using the same process. you just need to change the version 2.x.x.

    composer update

**Note:** It will ask for repo.magento.com authentication keys. For more information, visit this [link](http://devdocs.magento.com/guides/v2.0/install-gde/prereq/connect-auth.html).

    rm -rf var/di var/generation
    php bin/magento setup:upgrade
    php bin/magento setup:di:compile
    php bin/magento cache:clean
    php bin/magento cache:flush
    php bin/magento indexer:reindex

I hope this Magento blog helped you find what you were looking for.

Bookmark it for your future reference. Do comment below if you have any other handy commands which are not included in the list.

**P.S.** Do share this note with your team.

**Review other articles maybe it'll help you too.**

- [How to Get Product Collection](/blog/how-get-product-collection-in-magento-2)
- [Get Product Collection with a Specific Attributes](/blog/get-product-collection-with-a-specific-attributes-in-magento-2)
- [Get Product Collection By Cetegory ID](/blog/magento-2-get-product-collection-by-category-id)
- [How to Get Current Category](/blog/how-to-get-current-category-in-magento-2)
- [How to Get Current Product](/blog/how-to-get-current-product-in-magento-2)
- [Get Product Collection with Filters](/blog/magento-2-get-product-collection-with-filters)
- [Magento 2 Commands Shortcut](/blog/magento-2-commands-shortcut)
- [Usefull Commands for Magento 2](/blog/usefull-magento-2-commands-via-ssh-cmd)


In this article, I will explain how to upgrade your Magento version from Magento 2.x.x to Magento 2.x.x using Command-Line Interface (CLI). Please keep in mind that this upgrade supports [[...](/blog/upgrade-magento-2-to-magento-2-1-via-ssh)]

Upgrade Magento 2 to Magento 2.x.x via SSH

Search

Recent Posts

Tags