In this tutorial, Today I will explain to how to create custom theme in Magento 2. Here, steps by step you need to follow Magento 2 theme declaration, registration, how to apply theme in admin etc. By default, Magento 2 provides 2 themes – Luma & Blank. Let’s follow the below steps : You may also like this : How…
In this tutorial, Today I will explain to how to add custom LESS file in custom theme in Magento 2. When you create custom theme, then you need to add core LESS fle inside your custom theme. Sometimes, you must need to create your custom less file for your custom theme. At that time, You just created less file and…
In this tutorial, Today I will explain to how to add custom breakpoints in Magento 2. In Magento 2, It’s provide many breakpoints by default. Instead of direct add breakpoints, You should create custom variable for that to manage standard for custom theme in Magento 2. For ex : @screen__xxs: 320px @screen__xs: 480px @screen__s: 640px @screen__m: 768px @screen__l: 1024px @screen__xl:…
In this tutorial, Today I will explain to how to add skeleton effect in product grid in Magento 2. Skeleton effect are becoming the perfect replacement for traditional spinners and loaders. Now a days, Many website added this skeleton effect instead of spinners and loaders. If you want to add in Magento 2 product listing page then, you need to…
In this tutorial, Today I will explain to how to add custom validation rule in Magento 2.In Magento , There are many default validation available. It will be useful to check all validation when submit form. But, now if you want to create custom validation rule based on your requirement then, you need to follow the below steps : You…
In this tutorial, Today I will explain to how to compress sales invoice pdf size in Magento 2. In default Magento, You can see invoice pdf file size is approx 3 to 4 MB size. Now, if you want to compress pdf size and make file size around 5 to 20 KB then, you need to follow this below steps.…
In this tutorial, Today I will explain to how to set order status column color in UI grid in Magento 2. In sales order grid, You can see that there are many order status available. To display different, we can add background color by different order status. Let’s follow the below steps to add color in order status column in…
In this tutorial, Today I will explain to how to create a category attribute using data patches in Magento 2. Magento added new features which is data patches after Magento 2.3.x. Previously, Magento 2 uses InstallData and UpgradeData file use add data in core table or custom table. From Magento 2.3 it will be replaced by Data Patch. How to…
In this tutorial, Today I will explain to how to set price format using JavaScript in Magento 2. Generally, when you pass custom price value from phtml file to JS file at that time, You need to display price with currency from JS. You need to follow the below steps to display currency symbol with price from Javascript. You may…
In this tutorial, Today I will explain to how to add image chooser in Magento 2 widget. In previous post, I have described that How to create custom widget in Magento 2. There are many types magento by default provided by Magento_Widget module. But, If you want to use image uploader then, you need to use block type in widget.…