·

How to

Tips & tricks, tricks & tips. Looking for a way to achieve something? Here’s how to do it!

Creating helpers in Magento 2

We all know them from Magento 1: Helpers. Those (mostly) tiny little classes that gave us functionality for various things throughout our site. Needless to say, Magento 2 also has those helpers. In this article I’ll explain to you how to create and use helpers in your project.read further ...

Magento 2 : Why use rewrites when you can use plugins?

Remember class rewrites? That nifty little feature from Magento 1 where you could override any given class in Magento with your own implementation? Of course you do! Well, then you also might remember the problem with rewrites: that as soon as more than 1 module tries to rewrite the same class you had a problem. read further ...

Constructor Dependency Injection in Magento 2

Psst… want to see something funny? Go ahead, open up the Product -class in Magento 2 and take a look at it’s constructor: Scared? Don’t be! What you’re seeing is Magento 2’s Constructor Injection. In this article I’ll show you how to embrace and even love it!read further ...

Adding System configuration in Magento 2

When developing a site with Magento 2, you might want to be able to add some custom settings to the system configuration. This can be settings that reflect on your template, or settings that apply to your module. In Magento 1, this could be easily done by creating a system.xml  file. Magento 2 has a similar read further ...

Remove the wrapping paragraph around a widget in Magento 2

I already wrote a post about how to do this in Magento 1, but it seems that the ‘wrapping paragraphs around widgets‘-problem still exists in Magento 2. That’s why in this article I’ll show you how to fix this problem in Magento 2.read further ...

Creating a module in Magento 2

A module in Magento 2 is one of the things you’ll encounter (and create) the most when developing with Magento 2. Basically everything in Magento is a module, and if you want to add some custom functionality of your own, chances are that you need to create a module for it. In this article I’ll read further ...

Faster SCSS authoring by moving from LiveReload to BrowserSync!

So I’ve been using LiveReload for a while now in my projects, but recently a colleague showed me another nifty tool: BrowserSync. And I have to say: today my workflow and productivity increased. A lot.read further ...

Simple Focus labels with Knockout

A couple of days ago I wrote a small article about how to create simple focus labels with JavaScript. For those who havent read that article, it’s how to create form elements with placeholders that transform into labels: In this article, I’ll do the same thing, but with Knockout components.read further ...

Simple Focus Labels with JavaScript

You might already have seen this design element here and there: input placeholder that transform into labels as soon as the input element gets focus or already has a value. This is a very simple solution for a misconception by a lot of designers. Consider the following form: As a web developer, you probably have already seen read further ...

1 2 3 4 5 10