Home / Frontend

Frontend

How did we standardize Magento 2 frontend development?

Many Frontend developers in the Magento community felt a certain level of pain when they started working on their first Magento 2 project. So did we! “This is just a start. I will be faster on the next one“, was a common statement. However, new projects arrived and frontend development …

Read More »

Magento PWA Studio: Routing and Root Components

Routing in React is quite complex, and trying to adapt it to work with Magento 2 can be a very challenging task, considering how many URL-related functionalities (like URL rewrites) Magento 2 offers. Luckily, Magento PWA Studio comes with a built-in solution for handling Magento 2 URL-s which is very …

Read More »

Behind the scenes with one Magento PWA Studio contributor

To kick off the year, I’ve talked to Adrian Bece, one of our frontend developers who has been delving deep into PWAs and is among the most active contributors to Magento’s official PWA Studio. Take a look at what he had to say about the state of PWA in the …

Read More »

Progressive web apps – the future default

Progressive Web Apps, or PWAs, have been around for some time, but only lately it has become a buzzword. Everyone is talking about it, but is it just a fad, or a future of the web? What is a PWA? Progressive web apps are a hybrid between web pages and …

Read More »

Javascript Bundling in Magento 2

Javascript bundling is a technique that groups separate files in order to reduce the number of HTTP requests that are required to load a page. Bundling is commonly used in today’s “module-based” development where some functionalities are basically split into Modules (roughly explained). For loading modules, we usually use some of popular module loaders such... The post Javascript Bundling in Magento 2 appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

More/Less functionality in Magento2

Everything you need to know on how to setup more/less functionality in Magento 2 The post More/Less functionality in Magento2 appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

By passing Magento 2 layout update restrictions in Admin

Magento’s layout system has been vastly improved in Magento 2 to be more accessible, more powerful and to be more streamlined. But, for some reason, only a very small subset of layout functions is made available for use in Magento 2 Admin (category layout XML updates, to be more precise). In this article, we’re going to... The post Bypassing Magento 2 layout update restrictions in Admin appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

Override Magento 2 Layout: Product page example

Layouts play a major roll in Magento. This roll is well known from Magento 1x layout approach. With Magento 2 couple of things are changed and improved. Really, we finally have on our disposal useful layout manipulation options. Layout basics If you are here just for example and you already familiar with Magento 2 Layout,... The post Override Magento 2 Layout: Product page example appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

Adding videos to product page in Magento2

Today is even impossible to imagine a good product detail page without product video/s. In Magento 2, adding videos to the product details page is quite easy. The major problem is in most cases with an initial setup. Most of the product videos already exist online, either on youtube.com or vimeo.com. In the first case,... The post Adding videos to product page in Magento2 appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

Validate a custom form in Magento 2

This article will cover the fundamentals of validating any form in Magento 2. The contact form on Contact us page will be used and modified for the purpose of the article. The form itself can be found in the following paths, depending on the type of installation you are using: app/code/Magento/Contact/view/frontend/templates/form.phtml vendor/magento/module-contact/view/frontend/templates/form.phtml In order to... The post Validate a custom form in Magento 2 appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

Magento 2 Custom CMS page layout

We’ve had a request to add a new custom layout for CMS pages in one Magento shop. This can be very useful and can save you a lot of time for different static pages of your shop. In this example we’ll create a layout named Inchoo Layout. We should focus on two xml files: layouts.xml... The post Magento 2 Custom CMS page layout appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »

Why not start using Magento2 UI library, it’s easy and fun

Magento2 came with very “controversial” frontend architecture approach. We will not discuss that but we will try to explain how to empower current Magento2 UI library to achieve most common frontend task. First, what is Magento UI library and where to find it. As intro text explain: The Magento UI library is a flexible modular Magento... The post Why not start using Magento2 UI library, it’s easy and fun appeared first on Inchoo. Do you need any custome Development Click here and fill the form with full your requirement and after i will send the quotes of your work requirements....

Read More »