Flexbox and CSS Grid are the most popular responsive layout models which are widely supported across platforms and browsers. Our upcoming UB Atoms theme will support by both Flexbox and CSS Grid by default. If Flexbox is disabled, the CSS Grid will be used.

In this post, we’ll take a closer at the Flexbox that UB Atoms does support and learn how it helps distribute and align content in ways that Magento pages need.

A brief introduction about Flexbox

Flexbox -- a shorter term for CSS3 Flexible Box Layout -- is a new layout mode in CSS3. It describes ways to align and size elements including the parent element (the flex container) and the child elements (the flex items).

Continue reading →

Last week we introduced a sneak peek of the upcoming Magento 2 theme at Ubertheme -- UB Atoms. We promised you a brand new theme that will be fully revamped, unlike any other Magento 2 themes that Ubertheme has offered. Today, we are happy to introduce you to the structure of the UB Atoms theme that we’re working on.

Reasoning…

When building the UB Atoms, we have been finding a uniform approach that makes the theme development and maintenance easier. The ultimate goal is to create a brand new M2 theme with good performance and extensive customization possibilities.

With that in mind, our team has thought about what we should change and how we should build a new M2 theme from scratch.

There are a number of points that UB Atoms will typically abide by: Continue reading →

We’re excited to introduce you to a sneak peek of a revolutionary new Magento 2 theme. It’s called UB Atoms.

Inspired by Atomic Design -- a methodology of creating modular designs, UB ‘Atoms’ is designed to be exactly what it sounds like -- establishing the basic building blocks for pages, such as form label, an input or a button, color, typography, grids, and the like, rather than just creating simple collections of web pages.

The theme structure will be fully revamped, unlike any other Magento 2 themes that Ubertheme has offered.

/p> Continue reading →

Some of you already know and use UB Trex -- our free Magento 2 theme, but this week, we have finally launched our premium Magento 2 theme -- UB Trex Pro. Having this premium theme available is incredibly important for so many reasons, the most important being that we have completely re-constructed the robust theme configuration panel and code base.

With the power of UB Theme Helper, there are many advantages to using UB Trex Pro theme and customizing your entire site parts using UB Theme Helper, without having to deal with conflicts or code.

Apart from that you now have all premium M2 modules bundled in the theme -- UB Mega Menu, UB Content Slider, UB Quick View, plus a suite of pre-made layouts and many new features.

Let’s look at some of the new features to learn the ins and outs of this amazing theme. Continue reading →

In the upcoming weeks, we’ll be releasing a brand new Magento 2 theme. In the build-up to the theme launch, we’re giving you an exclusive preview of the product page layout’s wireframes that we’re working on. Here is a glimpse at our upcoming product pages:

• Product Page Layout #1: Classic Product Page
• Product Page Layout #2: Horizontal Classic Product Page
• Product Page Layout #3: Fullscreen Product page with Slider
• Product Page Layout #4: Fullscreen Product page with content
• Product Page Layout #5: Product Page with Accordion
• Product Page Layout #6: Product Page with sidebar column

The product page can be difficult to get right. We try to create product page layouts and features that care consistent across the entire catalog, and try to balance between too much information and lack of information.

Continue reading →

Today we are happy to announce that UB Trex (beta) -- our first free Magento 2 theme -- is available for download. A lot of work has gone into this dedicated free theme since we announced the first public preview.

New to Magento 2? Perfect, UB Trex can probably be your practical first step and just what you would need to start with for your first online store. UB Trex is clean and simple, highlights the flat and minimalistic design. Continue reading →