Home Magento Tutorials

Magento Tutorials

 Learn how you can easily and quickly create a custom theme in Magento

This topic describes how to uninstall a theme in magento2 Prerequisites Set mode to the developer or default mode. The theme is not applied on the storefront. To do this, in the Admin panel navigate to Content > Design > Configuration and your custom theme is not applied...
How to add a new container to a layout (extending Magento Blank) You need to have at least one child block with output in order to have the container rendered. Example: <container name="mike.container" as="mikeContainer" label="Mike Container" htmlTag="div" htmlClass="mike-container"> <block...
For Magento 2 stores, Magento 2 Performance Optimizing is one of the important factors to lead your work more successful. In this guide we will help you make your store fast and snappy to use. Steps to Optimize Magento 2 Performance 1. Make Sure...
Magento already provides a set of default fonts but you can manage yourself to include some custom fonts as well. In this post, we will guide you how to add locally stored custom fonts into your Magento theme. In order...
Magento 2 platform can be used in any of these 3 offered modes: Production mode Deployment phase on the production system; highest performance Exceptions are not displayed to the user -- written to logs only. This mode disables static file...
After researching this a bit more, I have found one major difference between map and path. + map allows for ‘prefix mapping’ + path only allows for exact matches Example: Using Map: map: { '*': { editTrigger: 'mage/edit-trigger', } } ensure the loading the editTrigger module actually loads the mage/edit-trigger module, but also that editTrigger/foo would load the mage/edit-trigger/foo module. But when we Using...
In this tutorial we will explain how you can add your own class to the body tag and also I’ll add an attribute with its value in Magento 2. See below for a more detailed example. <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body>              <attribute name="class" value="custom-class"/>              ...
This topic discusses how to add custom js File with the components provided by Magento or custom replacement implementations. We strongly recommend that you do not change the source code of default Magento components and widgets. All customizations must be implemented in...
On this post, we will discuss the scope of Magento PWA Studio and the next most popular PWA platform for Magento store-Vue Storefront. Vue Storefront for PWA JavaScript frameworks have been appreciated, for the flexibility and the ease they provide at developing the...
Before read about How to Integrate Progressive Web App in Magento 2 Please read An Overview Of A Progressive Web Application Technology Why We Apply PWA In Magento 2? Progressive Web App integration has been drawing huge attention from Magento users, especially when Magento...
0FansLike
0FollowersFollow
14,700SubscribersSubscribe

Recent Posts