When it comes to the PWA Studio project, should we stick with the classic Hamburger Menus or switch to Tab Bars on mobile?
Even though there are a few alternatives for navigation on mobile, we’re going to lay out all the pros and cons of the hamburger menus and tab bars (bottom navigation) only. We hope it gives you evaluation criteria to find which one is right for your Magento PWA project.
The hamburger menus are often listed as #1 choice and become the go-to icon for traditional responsive eCommerce websites. The hamburger menu is the ‘3-bars’ icon on mobile that typically opens up into a side menu or navigation drawer.
However, from an app perspective, during a talk at the Worldwide Developers Conference in 2014, Mike Stern -- designer and Apple UX Evangelist -- was against using the hamburger menu for their apps, saying:
“Remember, the [two] key things about an intuitive navigation system is that they tell you where you are, and they show you where else you can go.”.
So, is the hamburger menu really effective and the best way to display your Magento PWA Studio project’s navigation? To answer this question, first, we need to dive into the effectiveness and usability of this UI element in mobile navigation. Continue reading
In the previous article on Magento PWA Studio tutorial, we walked you through how to have a working copy of the Venia storefront installed and running on top of Magento 2 using @magento/create-pwa command. In this second article on setting up a Magento PWA project, we’ll give you step-by-step instructions for merging our UB Mega Menu storefront into your existing Magento PWA Studio project, so you can get started with your PWA project as quickly as possible.
Before you get started…
If you’re new to UB Mega Menu module and new to Magento PWA Studio in general, get yourself familiar with the following terms first. Continue reading
Note: At the time of writing this tutorial, the Magento PWA Studio version was 5.0.0. We’ve just tested the tutorial with the latest PWA Studio v5.0.1 as well.
As you might know, Magento PWA Studio v5.0.0 officially introduced a new handy command -- @magento/create-pwa -- that allows for getting a new PWA Studio project up and running way easier. Actually, our team noticed that this command was in place before and we did try this command successfully with PWA Studio 4.0.0 for an experimental setup.
This tutorial will walk you through all steps to use this command to set up an initial project structure using the Venia storefront as a template. Continue reading
Jan 10, 2020 Update: UB Mega Menu v1.1.8 has just been released, packed with the newly added service layer for UB Mega Menu (MegaMenuGraphQL with GraphQL APIs ready for PWA Storefront).
Dec 31, 2019 Update: UB PWA Mega Menu has been enhanced with progressive skeleton loading pattern and newly added sticky menu.
Dec 20, 2019 Update: We’ve just updated UB PWA Mega Menu demo with incremental optimization and video content type demo.
For those who are curious about the things we are working on, here is a glimpse at our upcoming Magento PWA mega menu module called UB PWA Mega Menu.
For the past month or so, we have dived deep into early development of this module which is built on top of Magento PWA Studio. Although the module will undergo further development, we’re excited to share a quick preview of the features and demo to give you a general overview of the module.
Ready GraphQL based module
As you might know, GraphQL is defined as the main API to support PWA Studio functionality. You can check out this article to learn why GraphQL API could be an obvious choice against REST API in Magento 2 in the near future.
Our approach of UB PWA Mega Menu is to help build a flexible mega menu on top of Magento PWA Studio, so the module uses PWA Studio’s libraries -- GraphQL, React and many other technologies as part of its stack. Continue reading
The creation of different Magento 2 stores is a time consuming and costly process. What if you could lay one strong Magento 2 bundle that can help get you started with any Magento 2 project faster and more stable development?
With UB Trex Pro, you have a new theme and pre-integrated extension package that can speed up the development on the Magento 2 platform. It contains one core theme, built-in extensions, and theme helper covering essential Magento 2 theme elements -- many of which are easily extendable.
Here are five of the key improvements of UB Trex Pro that you are sure to benefit the most from: Continue reading
If you read our previous blog post, you will already be aware that Magento 2.3 is that latest major release adding great new improvements and impactful functionalities:
- Progressive Web App (PWA)
- GraphQL support
- Declarative DB Schema
- Asynchronous and Bulk Web API
- Elasticsearch Updates (Moved to Magento Open Source)
- Complete PHP 7.2 Support
- Multi Source Inventory (MSI)
- WYSIWYG Upgrade
- Page Builder
- Cache-Management ACL
- Google reCAPTCHA and Two Factor Authentication
Today we’re happy to announce compatibility updates of our Magento 2 themes and extensions that help get you started with both Magento 2.2.7 and Magento 2.3. You can find the official release note of the latest Magento 2.3 here.
Magento 2.3.0 Updates
- Jan 31, 2020 Update: UB Mega Menu v.1.1.8 release is fully compatible with Magento 2.3.4 and natively supports Magento PWA Studio.
- Nov 4, 2019 Update: UB Mega Menu v.1.1.7 has just been released which allows to restrict access to specific menu groups to selected customer group(s). Fully compatible with Magento 2.3.3.
- Nov 7, 2018 Update: Scroll down to see the new enhancement in the new UB Mega Menu 1.1.4
We just pushed UB Mega Menu 1.1.3 out with important new features.
For a massive retail store with a lot of categories and subcategories, how to create a mega menu with deep navigation options? And how are you sure your customers can easily find what they’re looking for in one place?
This update brings a simple solution by allowing for direct hover of each of the product categories to reveal its sub-categories. Continue reading
Jan 31, 2020 Update: UB Mega Menu v.1.1.8 release is fully compatible with Magento 2.3.4 and natively supports Magento PWA Studio..
Nov 4, 2019 Update: UB Mega Menu ver 1.1.7 has just been released which allows to restrict access to specific menu groups to selected customer group(s). Fully compatible with Magento 2.3.3.
Nov 7, 2018 Update: UB Mega Menu ver 1.1.4 released -- making it easy to add thumbnail to each sub-menu item.
Sept 24, 2018 Update: New enhancement in UB Mega Menu ver 1.1.2 -- added dynamic width (%) option that allows to create full width menus. Fully compatible with Magento 2.2.6.
Aug 31, 2018 Update: UB Mega Menu ver 1.1.1 has just been released which allows to customize the mega menu title for SEO value.
If your Magento 2 store contains a wide range of products with many promotional deals to deliver, it gets a perfect chance to add a mega menu as it helps to organize and structure the store navigation in an intuitive and efficient way.
And this is where our UB Mega Menu -- Magento 2 mega menu extension -- comes in handy. Let’s dive in to see how the extension can give you an ideal solution for building your effective navigation system.
Effectively structuring horizontal and vertical menus for a large catalog
Easy to create both horizontal and vertical menus on the same page with UB Mega Menu
For the past few months, we have gone extra miles in developing and improving our Magento 2 extensions. Some of these extensions also compliment our responsive Magento 2 themes. The goal is to bring improved native features in our extensions and themes and make it easier for you to set up new Magento 2 stores.
Our eight Magento 2 extensions that are becoming must-have items for ecommerce stores trying to stay ahead are: Continue reading
Jan 31, 2020 Update: UB Mega Menu v.1.1.8 release is fully compatible with Magento 2.3.4 and natively supports Magento PWA Studio.
Nov 4, 2019 Update: New enhancement in UB Mega Menu ver 1.1.7 -- allows to restrict access to specific menu groups to selected customer group(s). Fully compatible with Magento 2.3.3.
We’ve just released Magento 2 Mega Menu version 1.0.5 for Magento 2.1.8, which we think you are going to like. Technically, this update is not just a Magento compatibility release, it has been completely revamped throughout LESS/CSS code base. If you look back at the original code of the old version, you can see that, this update offers such advantages as easier and unlimited customization. The version 1.0.5 introduces an absolutely new default style and restructures all existing 4 styles much simpler. Overall optimizations are to make the extension run smoother with the latest Magento 2.
And you can try it right now here.
UB Mega Menu members, just head to your profile at Ubertheme to download the latest version 1.0.5 and follow our user guide here to keep you up-to-date on what changes we have applied to UB Mega Menu.
Below I’d run you through the new 5 default styles -- a very brief Before & After changes in the Magento storefront layouts: Continue reading