By default, magento mobile menu is set to collapse only at the top level and not on all levels. To overcome this default feature one must override the _toggleMobileMode function that is implemented in the lib\web\mage\menu.js file.Overriding or extending javascript functionality in magento should be done using mixins. A mixin is a class whose methods are added to, or mixed in, with[…]
Read moreCategory: Frontend
Change default validation in checkout fields
By default Magento 2 has predefined validations for all checkout fields, like postal/zip code and phone. Changing them can easily be done through the xml checkout file. The same method can also be used to change or add tooltip on checkout fields. As an example, suppose you want to change the zip code to allow only 5 digits and the[…]
Read moreMinimize Magento downtime when deploying changes in production mode
Here are a few suggestions to minimize downtime on Magento, whenever you need to deploy changes in production mode. Changes on phtml template files in the child theme(no downtime) All templates are updated in folder var/view_processed (no need to delete it first) Changes in less, css, js files in the child theme(no downtime if css and js are served from[…]
Read moreLogging in Magento Modules
When creating a magento module logging in often required for multiple reasons. Logging can be done in multiple ways, specially if you want o logging to a custom file rather than to the default magento files. Let’s assume we are creating a sample module to display some content in the frontend. As always, to create a module we will need[…]
Read moreShow sku in the Magento checkout page
To add the product sku to the order summary in the magento checkout page you will need to create a module to extend the magento quote object and use it on the KnockoutJs template to render the product details. #1 Create module In this module we will override the Magento\Quote\Model\Cart\Totals\Item class with a custom one. Although this is the ultimate[…]
Read moreHow to hide/remove the Add to Cart button on magento 2
Sometimes it is useful to remove or hide the Add to Cart button throughout a magento 2 website. An easy way to do this without changing the actual template is by creating a plugin (also called interceptor) to change the isSaleable function that is used on those templates. Here I created the function that will be called after the isSaleable[…]
Read moreHow to create a custom product label in magento 2
On many occasions you would want to tag your product with a custom product label to make them stand out for your customers. Because these labels are to be assign to the products you will need to create a new attribute and add it to the attribute set for those products. Let’s assume you will call this new attribute Custom[…]
Read moreHow to list all product’s categories in magento 2 product page
Suppose you want to list all product categories in the product page, or even better, use that to show categories’ depend information (like a CMS Block for each category). How can you do it? First, you will need to create a new block in the product page layout by adding a block statement into your catalog_product_view.xml file (which you can[…]
Read moreHow to remove “Estimate shipping costs and tax” block from cart page in magento 2
To remove the “Estimate shipping costs and tax” block from the cart page: #1 Add the following code to checkout_cart_index.xml in your theme (create a new file if it doesn’t exist). The file should be in app/code/design/frontend/<Theme_Vendor>/<Theme_Name>/Magento_Checkout/layout/. #2 Override the template file cart/shipping.phtml in your theme (or module) and remove the following lines Then clear your cache and you are[…]
Read moreHow to Disable Magento 2 Reviews And Ratings
You can easily disable magento 2 reviews and ratings functionality directly in the magento backend. Go to Stores > Settings > Configuration. Open the Catalog tab and choose the Catalog option. Navigate to the Product Reviews section and set No in the Enabled field. Save the changes. If you are running a version were you do not have that option then remove[…]
Read more