Jul 30, 2020 Update: The new v1.0.5 has just been released with optimized LESS & incremental improvements.
Jun 25, 2020 Update: The Furniture theme is now available for download.

We’re happy to announce the new Furniture Homepage added to our premium Magento 2 theme -- UB Trex Pro, in addition to the default Fashion Homepage. With this lightweight and responsive furniture layout, you will have your own Magento 2 furniture store up and running in little to no time.

Let’s start off by looking at how you can craft a fully functional website for your furniture-related business with the UB Trex Pro’s pre-designed exclusive homepages, inner pages, and the bundle of goodies built-in. Continue reading

ub mega menu v119

UB Mega Menu v1.1.9 has finally arrived! This release focuses on adding a new Drill-down menu on mobile, reducing the number of DOM elements and incremental bug fixes. We believe building an effective Magento navigation will become even better with v.1.19 release.

[NEW] Drill-down menu on mobile

In addition to the default Accordion menus, you now have the 2nd option for implementing mobile navigation on your Magento 2 store -- Drill-down menus. Continue reading

Magento PWA Content Slider

Aug 5, 2021 Update: UB Content Slider v1.2.1 is fully compatible with Magento PWA Studio v10.0.0.

Today we are happy to release our 2nd module for Magento PWA Studio -- UB PWA Slider module. It is packed with the newly added service layer for UB Content Slider (ContentSliderGraphQl with GraphQL APIs ready for PWA Storefront). As you might know,
GraphQL
is defined as the main API to support PWA Studio functionality.

The UB PWA Slider module gives you a convenient way to display multiple content boxes -- text, banners, (upcoming feature) product slider, videos or other promotional graphics -- in a single place to your PWA Studio site.

Magento PWA Content Slider for PWA Storefront

In this article, we share the preview of what we’re working on with the UB PWA Slider module. Continue reading

PWA Tutorial: Override & Extend Venia components

This tutorial guides you through overriding and extending a Venia component in order to display specific custom content in your custom React component on a custom Magento PWA site.

By the end of this tutorial, you will know how to:

  • Create a simple custom React component with simple custom content for your Magento PWA Studio site
  • Override Venia components to display that newly created custom content on your custom Magento PWA Studio site:
    • Sample 1: Display a Masthead at the Main Top Content position on all pages of Magento PWA Studio site
    • Sample 2: Display a Slideshow at the Main Top Content position on the homepage of Magento PWA Studio site

Once you master them, you can create your own complex React components beyond these small sample pieces.

Let’s get started. Continue reading

Magento PWA Menu: Hamburger vs Tab Bars

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.

Hamburger menu

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

Time to care - combat Coronavirus

We all have known the huge impact of the coronavirus pandemic on almost every aspect of our daily life and business. It has caused a significant disruption.

At Ubertheme we care about all of our team safety so our team has moved remote for 2 weeks now -- quite frankly that’s okay with us. We are lucky enough to have business continuity as normal.

Time to care - Combat Coronavirus

Time to care -- Let’s combat Coronavirus

However, we know the months ahead are going to be really freaking tough if the coronavirus pandemic continues to spread. Even though our team can’t change the world, we want to help our partners and merchants navigate this tricky period where possible. Continue reading

PWA Megamenu Installation Guide

Jul 28, 2021 Update: UB PWA Mega Menu v1.2.5 is fully compatible with Magento PWA Studio v.10.0.0. Please discard the installation step in this tutorial and follow the latest installation workflow in this guide.

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

Magento PWA Studio tutorial

Aug 28, 2020 Note: You can follow this tutorial for the latest PWA Studio v.7.0.0.
Jun 2, 2020 Note: We have tested this tutorial with the latest PWA Studio 6.0.1 and everything worked fine.
Feb 12, 2020 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

Update extensions and themes for Magento 234

On January 28th, Magento released version 2.3.4 -- the latest addition to Magento Open Source and Magento Commerce.

The version has addressed over 275 contributions from the community that cover significance enhancements and functional fixes. This big release also covers over 30 security enhancements that address vulnerabilities like cross-site scripting, deserialization of untrusted data, security bypassing etc.

Magento 2.3.4 Updates

Magento 2.3.4 Updates

In the meantime, Magento introduces new integrations, such as Adobe Stock image galleries and Live Chat from dotdigital. It also deprecated some payment gateways from the Magento core platform, such as Authorize.net.

Apart from the upgrades mentioned above, there have been enhancements with the release of Magento PWA Studio 5.0.0. The latest update of PWA Studio now includes new tools to help get a new project up and running quickly. You can see detailed changes in the PWA Studio Release Notes. In case you’re using our UB PWA Mega Menu, you can get started with PWA Studio 5.0.0 now (it’s fully compatible).

Continue reading