Blog | Bilal Usean

Apr 18, 2020
1 min

What is requireJS AMD in Magento2

Simply we can say, below format is the AMD module. define(['jquery'] , function ($) { return function () {}; }); Module Vs AMD module 1. Javascript Module Pattern (function () { this.myGlobal = function () {}; }()); In the javascript module pattern, the dependencies are assumed to be immediately available when this function executes. This limits the loading strategies for the dependencies. AMD module addresses these issues by the below way. 2. AMD Module //Calling defi

12 views0 comments

Bilal Malik

Feb 8, 2020
1 min

How To Enable/Disable JS/CSS Minification/Merge In Production Mode – Magento 2

In production mode developer option are not available in Admin -> Store -> Configuration -> Advanced. We can use the below Magento commands to enable/disable the JS/CSS minify/merge Enable JS merge: php bin/magento config:set dev/js/merge_files 1 Enable JS Bundling: php bin/magento config:set dev/js/enable_js_bundling 1 Enable JS minify: php bin/magento config:set dev/js/minify_files 1 Enable CSS merge: php bin/magento config:set dev/css/merge_css_files 1 Enable CSS minif

403 views0 comments

Bilal Malik

Feb 8, 2020
2 min

Deployment modes – Magento 2

There are three deployment mode is available in Magento 2. Default Developer Production How to check which mode is enabled? We check the currently enabled mode by running the below Magento command. php bin/magento deploy:mode:show Default Mode It is a Magento default mode, once we switched from default mode to other modes, we can’t come back to default mode again by command line. Developer Mode Better choice for development work Exception is visible in the browser XML files a

14 views0 comments

Bilal Malik

Sep 28, 2019
1 min

What is the difference between frontname and id in routes.xml

We many see routes.xml file with the same name of frontname and id. what if it is both different? <?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 frontName="hello" id="world"> <module name="Bilal_HelloWorld"/> </route> </router> </config> frontname is used in URL construction e.g) http://domain/hello/i

24 views0 comments

Bilal Malik

Feb 19, 2019
1 min

Change product image placeholder based on product – Magento 2

We need to override the below two functions in vendor/magento/module-catalog/Helper/Image.php Below function change the placeholder image in the home page, category page, product page. public function getPlaceholder($placeholder = null) { $product = $this->getProduct(); if($product->getName() == "Test Name") // here your condition { // logic to retrieve new url return $new_palceholder_url; } ...............//remining magento core codes } Below function change

0 views0 comments

Bilal Malik

Oct 2, 2018
1 min

Available options while creating product attribute programmatically in Magento 2

These are the available options while creating product attribute programmatically in Magento 2. All of the attributes are self-explanatory so I’m not going to explain briefly. If you have any doubts on how to use, please feel free to ask in the comment section. 1) global 2) visible 3) searchable 4) filterable 5) comparable 6) visible_on_front 7) html_allowed_on_front 8) used_for_price_rules 9) filterable_in_search 10) used_in_product_listing 11) used_for_sort_by 12

1 view0 comments

Bilal Malik

Sep 10, 2017
1 min

Setup script execution time – Magento 2

Magento setup scripts are used to create/alter table and insert/update data into table while installing /upgrading module. Install prefix scripts are executed while running “php bin/magento setup:upgrade”. Upgrade prefix scripts are executed while running “php bin/magento setup:upgrade”, it additionaly check right version to execute the logic. I hope, it helps. #magento2 #setupscript #upgradedata

4 views0 comments

Bilal Malik

Sep 9, 2017
2 min

Insert data while upgrading module (UpgradeData) – setup script – Magento 2

This is a continuation of the previous tutorial, It helps to insert data into the database while upgrading the module in Magento 2. As per our previous tutorials, we summarize the below points InstallSchema.php script executed while running “bin/magento setup:upgrade” , we use this features to create table structure Create CRUD object using Model, ResourceModel and Collection for CRUD(Create Read Update Delete) operation Use above-created CRUD object to insert data into our c

4 views0 comments

Bilal Malik

Aug 21, 2017
2 min

Upgrade schema while upgrade module (UpgradeSchema) – setup script – Magento 2

This is a continuation of the previous tutorial, It helps to alter table into the database while installing the module in Magento 2. As per our previous tutorials, we summarize the below points InstallSchema.php script executed while running “bin/magento setup:upgrade” , we use this features to create table structure Create CRUD object using Model, ResourceModel and Collection for CRUD(Create Read Update Delete) operation Use above-created CRUD object to insert data into our

5 views0 comments

Bilal Malik

Aug 19, 2017
1 min

Insert data while instaling module (InstallData) – setup script – Magento 2

This is a continuation of the previous tutorial, It helps to insert data into the database while installing module in Magento 2. As per our previous tutorial, we summarize the below points InstallSchema.php script executed while running “bin/magento setup:upgrade” , we use this features to create table structure Create CRUD object using Model, ResourceModel and Collection for CRUD(Create Read Update Delete) operation Now we use the same CRUD object to insert data into our cus

4 views0 comments

Bilal Malik

Aug 6, 2017
2 min

Create Read Update Delete (CRUD) – Magento 2

This tutorial is the continuation of create table tutorial, after creating table, we will create the Model for CRUD (Create Read Update Delete) operation. I will explain crud operation for the below table structure For CRUD operation you need to create three things. 1. Model In Model you need to initialize resource model app/code/Bilal/Cruddemo/Model/Cruddemo.php <?php namespace Bilal\Cruddemo\Model; use Magento\Framework\Model\AbstractModel; class Cruddemo extends AbstractMo

71 views0 comments

Bilal Malik

Aug 6, 2017
2 min

Create Tabel In Magento 2

Prerequisite for follow this tutorial [optional] I already created a boilerplate module, which makes easy to follow this tutorial. It is optional, you can follow with your own module too. Download module repository from bitbucket Extract downloaded folder Copy Bilal folder into your <magento-root>/app/code/ After run the below commands to enable module $ php bin/magento module:enable Bilal_Cruddemo $ php bin/magento setup:upgrade Once you’ve run the above, you should be able

3 views0 comments

Bilal Malik

Jul 19, 2017
1 min

Requirejs Magento 2

In this article, we will take a tour about how to use requirejs in Magento 2 with simple examples. What is requirejs? In Magento 2, almost all the javascript files are loaded by requirejs concept (lazy load). For example below snippet first load jquery then execute your code. requirejs(['jquery'], function(jQuery){ // Your code here }); Prerequisite for follow this tutorial [optional] I already created a boilerplate module, which makes easy to follow this tutorial. It is op

5 views0 comments

Bilal Malik

Jun 21, 2017
2 min

Configure Xdebug In Sublime Text Editor For Magento Project

This article describe the step by step process of configure xdebug in sublime text editor for magento project. 1. Install Sublime Text Editor If you already have sublime text editor please skip this step For Sublime-Text-2: sudo add-apt-repository ppa:webupd8team/sublime-text-2 sudo apt-get update sudo apt-get install sublime-text For Sublime-Text-3: sudo add-apt-repository ppa:webupd8team/sublime-text-3 sudo apt-get update sudo apt-get install sublime-text-installer 2. Insta

16 views0 comments

What is requireJS AMD in Magento2

How To Enable/Disable JS/CSS Minification/Merge In Production Mode – Magento 2

Deployment modes – Magento 2

What is the difference between frontname and id in routes.xml

What are the types of components available in Magento 2

Change product image placeholder based on product – Magento 2

Available options while creating product attribute programmatically in Magento 2

Available EAV types in Magento 2

Setup script execution time – Magento 2

Insert data while upgrading module (UpgradeData) – setup script – Magento 2

Upgrade schema while upgrade module (UpgradeSchema) – setup script – Magento 2

Insert data while instaling module (InstallData) – setup script – Magento 2

Create Read Update Delete (CRUD) – Magento 2

Create Tabel In Magento 2

Requirejs Magento 2

Configure Xdebug In Sublime Text Editor For Magento Project