Blog

How to work SVG?

What is SVG?

  • SVG stands for Scalable Vector Graphics
  • SVG is used to define vector-based graphics for the Web
  • SVG defines the graphics in XML format
  • Every element and every attribute in SVG files can be animated
  • SVG is a W3C recommendation
  • SVG integrates with other W3C standards such as the DOM and XSL
Read More

Wildcard Selectors (*, ^ and $) in CSS for classes

Wildcard selector is used to select multiple elements simultaneously. It selects similar type of class name or attribute and use CSS property. * wildcard also known as containing wildcard.

Read More

How to display a child product’s attribute value at a configurable product’s grid panel?

In Magento, whenever we create a configurable product and assign a simple or child product to it then sometimes we need to check whether this simple product belongs to that country or some other attribute value we want to check and for checking this we have to open each simple product and check inside it.

But if we can see the attribute value to the grid at the time of assign then we can save our time to check each and every simple product to open and check.

Like shown below :

Read More

How to add customer total order in column customer grid in Magento 2?

Magento Customer Grid Customisation is very handy

Follow the steps to customise the Customer Grid in Magento 2 and add Customer last logged in date

Step 1 :

app/code/Elightwalk/CustomerGrid/registration.php

Read More

How to add customer last logged in column customer grid in Magento 2?

Magento Customer Grid Customisation is very handy.

Follow the steps to customise the Customer Grid in Magento 2 and add Customer last logged in date.

Step 1 :

app/code/Elightwalk/CustomerGrid/registration.php

Read More

How to Migrate Magento 1 to Magento 2?

Magento has officially announced that Magento 1 will reach end of life (EOL) on June 1, 2020
No quality fixes or security patches will be deployed for Magento Commerce 1 or Magento Open Source 1 after this date.

Here we are providing the guideline, how the Magento migration works?

There are some thumb rules need to follow before migration.

  • Backend Magento 1 store ( files and database ).
  • Create Development Env. of Magento 1 Store.
  • Analyze Magento 1 store, Delete unnecessary things ( files and data ).
  • Analyze Magento 1 Theme, Extensions and customization are compatible with Magento 2 Store.
  • Install Fresh Magento 2 copy on server.
Read More

How to add order list number without "ol" and "ul" element by CSS for all browsers?

If you want to number things in your website without “ol” and “ul” element. It also is pretty reasonable that you want to style those numbers. In this Article we will show how it can be done with the :before pseudo element, which can have a counter as a value to the content property.

But let it be known, applying numbered counters is not limited to ordered lists. For instance, let’s say you wanted to number the question and answer pairs of a FAQ list.

Read More

Ability of Plugins in Magento 2

Here is list of Ability of Plugins in Magento 2.

  • There are three types of plugins: around, before and after.
  • Plugins only work on public methods.
  • Plugins do not work on final methods, final classes.
  • Plugins can be used on interfaces, abstract classes or parent classes.
  • Plugins are mostly used for solution of Module/Class override confliction.

– Before plugins modify the input arguments to a method. You can change them to any value.
Example from: \Magento\Catalog\Block\Product\ListProduct

Read More

How to get show anchor tag title on mouseover in css3.

In this Article we will show you how to show anchor tag title on mouseover in css3.

Let’s start off by creating some markup for the links. We need to give it a title which will be the show content. like this

The next step is to create some rudimentary styling for our show content like this

Read More

How to get border radius working in IE8

IE 8 having problems to implement the CSS3 feature border radius

Here we will show you have you make the border radius working with IE 8

Add the following code that work in the other Browsers and not in IE8.

Element’s width and height are both 100px, and the border-radius is set to 50px, the element will become a circle. but In IE8, as we expect, it would still be a square but don’t worry.

add the following style line inside the class to make it work.

Read More