Magento Front End Developer

How Many Fallback Steps Are There in Magento 1.x and 2.x?

How Many Fallback Steps Are There in Magento 1.x and 2.x?

In a word, in Magento there are three maximum fallback steps implied by theme hierarchy when developing:

  • Custom theme is a current website theme that is being developed.
  • Default theme is a parent version from which we inherit Custom theme. It can be not only the preselected theme but also the theme that has been already designed.
  • Base theme is the main Magento theme to be inherited from and reassigned by other themes (Custom and Default). One can say it is the part of Magento’s core. It is preferable not to alter files directly in the theme, but create a duplicate in the theme, as when updating Magento, all the changes in the folder “Basic theme” can be rerecorded.

(more…)

The Scope of Variables in JavaScript

The Scope of Variables in JavaScript

Use strict mode
The “use strict” directive changes code into the mode that adheres to the up-to-date standard. It looks like the line “use strict” or ‘use strict’ and is placed at the beginning of the script:

Besides, the directive is used in functions. In such cases, a strict mode can be executed in function scope. The action “use strict” can’t be possibly canceled. It’s not supported by versions IE9 and older.
(more…)

Some Tips How To Include CSS in Magento 1.9 and 2.X

Some Tips How To Include CSS in Magento 1.9 and 2.X

CSS is assured to be the stylesheet language used for describing the presentation of a document written in HTML or XML. It is a well-designed mechanism that allows adding style including fonts, colors, spacing, lines, length, width. Besides, CSS describes the way the elements should be rendered. What are the benefits of applying CSS? Content accessibility is improved, more flexibility and control in the specification of presentation characteristics are provided. At the same time, it helps to reduce complexity and repetition in the structural content. On the whole, CSS is a must-have that can be applied for Magento as well. The next 4 ways needed to follow for CSS implementation in Magento 1.9: (more…)

New HTML 5 Features Used in Magento 2 (Magento Front End Developer Certification)

New HTML 5 Features Used in Magento 2 (Magento Front End Developer Certification)

In default Magento 2 (here and after it is considered on the basis of Luma theme) HTML5 standard is applied. <!DOCTYPE html> tag is indicative of standard version (“html” value defines that HTML5 is used, but HTML4 is backward compatible). In Magento 2 the following features that have been appeared in HTML5 are used.
(more…)

Create custom themes (Magento Front End Developer Certification)

Create custom themes (Magento Front End Developer Certification)

As everyone knows Magento is a MVC application and  we will be tackling it’s V letter a.k.a View in this series of articles.

Magento’s View layer is a tricky one and contains Blocks, Layouts and Templates, but for Magento Front End Developer certification we need to study Layouts and Templates only in form of Themes. But how does a typical Magento theme look like and how can we create one?

Theme is grouped together templating files (PHTML, XML, CSV) and/or skin files (CSS, JS files and images) that create the visual representation of your store, splitted between two main directores – app/design and skin. If you open these folders you’d see that both have three folders – adminhtml (what you see when you’re logged in Magento admin area), frontend (what your customers see) and install (what you see during Magento installation). More information can be found in my post for Magento Developer Certification – The Main Magento Design Areas and More… We’re interested in ‘frontend’ folder and inside app/design/frontend and skin/frontend you also can see two folders  – base and default (enterprise for Magento Enterprise edition) and they’re Packages. (more…)

Welcome to BelVG ecommerce blog

Our blog is a place where we share some thoughts, news and guidelines of our company developers with you. Our main topics are Magento, Prestashop and Oxid – the platforms we have mastered.

Our goal is to provide really useful information to our readers – clients, developers and e-shop owners. Feel free to look around – if you are in any way related to e-commerce, we are sure you will find some articles to your taste and interests. Moreover – don’t hesitate to comment or ask a question on any topic you see. Our authors are certified Magento developers themselves and are ready to answer you.

top