Blog

At a time online shopping is at the peak of popularity, a free shipping offer is one of the best ways to reduce shopping cart abandonment, encourage customers to buy more, and increase sales.

A lot of Magento 2 stores actively use this marketing technique as one of the greatest ways to attract customers. Free shipping may be applied to a certain kind of product, total items, or a particular group of items.

In this article, you are going to learn how to set up and configure free shipping method in Magento 2.

Follow these steps to configure free shipping in Magento 2:

1. Navigate to Stores > Configuration > Sales > Shipping Methods and find the Free shipping section.

2. Configure Free

Magento 2 being a multifunctional e-commerce platform allows you to create products from the admin panel. There are plenty of options to fill out to create a simple product in Magento 2, which obviously takes some time.

And what if you have to create a huge amount of products, especially during the development or testing? 

The easiest, in this case, would be to create products programmatically. And that is exactly what you're going to learn in this article.

Use the following method to create a simple product in Magento 2 programmatically:

getObjectManager();
$state = $objectManager->get('\Magento\Framework\App\State');
$state->setAreaCode('frontend');

Magento has developed several certificates for Magento 2, one of which is — Magento 2 Certified Professional Developer.

To get this certificate, you need to take an exam to test your knowledge and skills required to modify Magento 2 in the following areas: user interface, databases, admin panel, ordering process, catalog and extensions functionality.

The Magento 2 Developer Exam is for those who have a deep understanding of the Magento concepts and experience of developing Magento 2. It is recommended that you have not less than 1.5 years of experience in customizing Magento 2 before applying for the exam.

The exam consists of 60 single and multiple choices questions in English. The duration time is 90 minutes (1.5 hour). To successfully pass the exam you need to receive 64% or higher.

In this article, we will walk you through the low-cost options to prepare for the Magento 2 Certification without courses such as, for example, Magento U for $ 950.

Magento 2 CMS Pages are the set of your Magento 2 website pages used for distributing content. Magento 2 enables you to create CMS pages for different purposes or translate CMS pages for different locales. You can even restrict some CMS pages visibility for a certain group of customers. 

Wonder how to do that? Find the answer later in this article.

Follow these steps to create CMS page in Magento 2:

1. Navigate to Content > Elements > Pages and press the Add New Page button.

Every store works hard trying to make their customers happy. However, sometimes it happens that people want their money back. In such cases, people request a refund which in Magento is called Credit Memo.

What is Credit Memo in Magento 2?

Magento 2 Credit Memo is a document that defines how much money will be returned to the customer. How you create credit memos in Magento 2 generally depends on the payment method used while placing the order.

Based on this there are 2 types of credit memos: Online and Offline.

Magento 2 default store view is the store view customers are directed to from the search results. Magento naturally has the store switcher feature that allows your customers to change the store view and move to the one they like.

You can have as many store views on your Magento 2 as you want within a single store. However, customers will be still guided to the default one. 

So, sometimes you need to change the default store view.

Follow these steps to change the default store view in Magento 2:

1. Go to Stores > All Stores and choose the Store you want to change the default store view for.

If you use Magento 2 WebP Images extension and have the MGS_ClaueTheme you can face the issue with the product gallery on the configurable product page, the main product image can be missing/brocken.

To fix this issue add the following code:

item['zoom'] = $(this).attr('data-zoom');
if ($(this).find('[srcset].img-responsive').length) {
item['full'] = $(this).find('[srcset].img-responsive').attr('srcset');
item['thumb'] = $(this).find('[srcset].img-responsive').attr('srcset');
item['caption'] = $(this).find('[srcset].img-responsive').attr('alt');
} else {
item['full'] = $(this).find('.img-responsive').attr('src');
item['thumb'] = $(this).find('.img-responsive').attr('src');
item['caption'] = $(this).find('.img-responsive').attr('alt');
}

to the file:

app/code/MGS/ClaueTheme/view/frontend/web/js/configurable.js

WebP — is a modern image file format many websites use in order to reduce image size and improve website performance. But let's not forget that big-size images can slow down your application loading too.

Consider using WebP images in your application for Magento 2?

Here is how.

If you have a third-party application (e.g. application for iOS, Android, etc.) and use it for your Magento 2 store, you can display images in WebP format there, even if you only have the PNG, JPG, or other format images.

The only thing you need is our Magento 2 WebP Images extension installed on your Magento 2 store.

So, to display WebP images in third-party applications you have to define the getWebPUrl function in the aplication code. Find the example below:

function g

Now, Magento 2 has the plugins, interceptors, which allow you to execute your own code before/after calling the public class method.

Following steps to create plugin in Magento 2:

1. Create the etc/di.xml file in your module folder and add the following code there:

<?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="VendorName\ModuleName\Foder\SomeModel">
        <plugin name="mycompany_mymodule_plugin_modulename_foder_somemodel"
                type="MyCompany\MyModule\Plugin\ModuleName\Foder\SomeModelPlugin" sortOrder="10" />
    </type>
</config>

Downloadable products in Magento 2 have no physical form and require practically nothing to manage. You don't need to cover manufacturing, publishing, shipping or delivery, etc. And that is what makes downloadable products so popular. 

In Magento 2, except for creating a downloadable product, you have to configure the general Downloadable Product Options.

These steps to configure Downloadable Products Options in Magento 2:

1. Go to Stores > Configuration > Catalog > Catalog and find the Downloadable Product Options section.
2. Choose the Order Item Status to Enable Downloads which defines if the order needs to be Invoiced or Pending for a customer to be able to download the product.
3. Set the Default Maximum Number of Downloads available for 1 customer once he purchases the downloadable product.

When you add custom options to a product in Magento 2, you give your customers the opportunity to choose product options as to their needs without relying on the product attributes.

Customizable options allow you to categorize products, create cart price rules and dynamic categories rules.

To configure product custom options in Magento 2:

1. Navigate to Catalog > Products and choose the product you'd like to configure customizable options for or Add New Product.

Magento shopping cart price rules are the rules with conditions you set up in the Magento 2 admin panel during the sales, special offers, and any other promotional occasions to provide a discount.

So, creating the cart price rules in Magento 2 is a useful practice since it encourages customers to make more purchases in your store.

Follow the steps below to create Cart Price Rules in Magento 2:

Step 1: Add New Cart Price Rule

Step 2: Set the Cart Price Conditions

Step 3: Set the Cart Price Actions

Step 4: Set the Cart Price Labels

Step 5: Manage Coupon Codes

In the previous article you learned how to create new tables in Magento 2 database. In this one, you will learn more about the models used to work with the Magento 2 database which allows you to read, edit and delete the data. 

Magento 2 and Magento 1 uses the Model/ResourceModel/Collection ORM (Object-relational mapping) for these purposes. To implement this concept you need to create 3 files (model, resource model, collection).

When developing an online store based on Magento 2, you might face the problem of extending the standard Magento 2 or Magento 2 modules functionality.

Editing Magento core files or modules is not allowed because these changes will be overwritten during the upgrade.

So, how to make changes to the storefront (frontend) template file, css, js?

WARNING! The following instructions cannot be used to override the layout files.

Override module view-files in the app/code folder.

Let's say you need to change this file:

app/code/Magefan/Blog/view/frontend/templates/post/view.phtml

Make its copy in the theme folder with the following path:

app/design/frontend/ThemeVendor/themename/Magefan_Blog/templates/post/view.phtml

Make the necessary changes to the newly created theme file.

If your own theme is missing from your Magento installation, create one.

If you get an error "An element with a “root” ID already exists" in your Magento 2, it is, most likely, related to a third-party extension that calls methods to re-render a page.

To fix the "An element with a “root” ID already exists" error:

1. Find a PHP file and a line that throws an exception.

2. Open CLI (terminal), navigate to the Magento root directory, and run the following commands to find the proper file:

grep vendor/ -re ' ID already exists'
grep app/ -re ' ID already exists' 

As a result, you will get an output similar to this:

vendor/magento/framework/Data/Form.php: 'An element with a "' . $elementId . '" ID already exists.'
vendor/magento/framework/Data/Test/Unit/FormTest.php: $this->expectExceptionMessage('An element with a "1" ID already exists.');
vendor/magento/framework/Data/Structure.php: new \Magento\Framework\Phrase('An element with a "%1" ID already exists.', [$elementId])

3. Then open ea

If you want to change product attribute type from dropdown to text in Magento 2, all you need to do is to run the following SQL queries (please make a Database backup before execution):

1. This query will change the attribute settings and convert it to a text attribute.

UPDATE eav_attribute SET
 backend_type = "varchar",
 frontend_input = "text",
 source_model = ""
WHERE attribute_code = "MY_ATTRIBUTE_CODE";

2. This query will copy dropdown attribute data to the text attribute value table and replace the option IDs with their actual labels (text).

INSERT INTO catalog_product_entity_varchar
 SELECT null as value_id, pei.attribute_id, pei.store_id, pei.entity_id, aov.value as value
 FROM catalog_product_entity_int pei
 LEFT JOIN eav_attribute_option ao ON pei.attribute_id = ao.attribute_id
 LEFT JOIN eav_attribute_option_value aov ON ao.option_id = aov.option_id
 WHERE 
 pei.value IS NOT NULL
 AND pei.attribute_id

Sometimes, during Magento 2 customization you need to get the store Information programmatically. You may need to get a current Store ID, Store Code, Name, Website ID, or current URL. To retrieve this data use the singleton instance of the following class:

\Magento\Store\Model\StoreManagerInterface

For example, you can include it in your class constructor and then call:

<?php

namespace \MyCompany\ExampleModule\Model;

class Example
{
    private $storeManager;

    public function __construct(
        ...        
        \Magento\Store\Model\StoreManagerInterface $storeManager,        
        ...
    ) {
        ...
        $this->storeManager = $storeManager;        
        ...
    }
    /**
     * Examples
     */
    public function execute()
    {
       /* Get Current

Magento 2 is one of the most popular eCommerce platforms a lot of merchants prefer because of the massive amounts of products it can process. Besides, Magento offers you multiple product types to opt for.

So, if you are wondering what are the different product types in Magento 2, keep reading.

In this article we are going to make it clear for you: we will provide concise, but informative definitions of 6 product types in Magento 2, describe their examples and share how to manage them easily.

Let's waste no time and explain Magento 2 product types!

Get URL in the .phtml template files

1. Get URL of the store homepage (http://domain.com/):

<?= $this->getUrl() ?>

2. Get URL of some page, e.g. "Contact Us" (http://domain.com/contacts/):

<?= $this->getUrl('contacts') ?>

3. Get URL of the theme static file, e.g.:

app/design/frontend/ThemeVendor/theme_name/web/css/custom.css
app/design/frontend/ThemeVendor/theme_name/Magefan_Blog/web/js/lazyload.js
app/code/Magefan_Blog/view/frontend/web/js/lazyload.js
vendor/magefan/module-blog/view/frontend/web/js/lazyload.js

use the following code:

<?= $this->getViewFileUrl('css/custom.css') ?>
<?= $this->getViewFileUrl('Magefan_Blog::js/lazyload.js') ?>

Hello there, Magento fans!

Hey hey! It's been a while since we last shared the Magefan updates. Are you ready for the January compilation of news?

Then, let's start!