Our Solution

This is a fun project but required careful planning. We had to be careful to implement features so that the aesthetics are not ruined. And we also had to take care of any existing functionality so that they are not disturbed.

Here’s how we solved the problem:

Controls on Admin

We prepared settings in such a way so that client can easily switch between new style and the old style. It helped keep the old product pages intact and the new changes remain on its own separate place, as client wanted.

Custom Templating

We had to implement a templating system for our unique requirements. We tried to keep it as separate from WC templates as much as possible. Ultimately this has let us make our changes as freely as possible, without disturbing the existing styles and templates. We had to implement a custom product slider and many other minor things, which we could then do easily. At the end, we were able to pack everything inside the child theme.

Designed with UX Builder in mind

The main content was made with UX Builder. So we had to work around it to implement various features. Documentation for UX Builder was scarce. And to make it even worse, proper hooks were absent as well. We had to find other routes to make it work.

Our Solution

This is a complex project. But we have prepared this to be as easy as possible. Plus, we have in depth articles and documentations to help anyone who wants to setup a microlearning platform.

Here’s how we solved the problem:

Customizable Default Product

We have prepared this to behave in Semi Automatic nature. There is a default product that can be set, which is at the heart of the plugin. The builder initially shows the default product, and as the user goes through the steps, it lets him change various attributes of it.

Product Attributes

Product Attributes are the part of nuts and bolts of the plugin. It works depending on the these attributes. The attributes are shown as steps and the user can change them to get the product he wants. Another thing is that we had to cancel any options that results in an empty list. So we had to design it in such a way that no option shows an empty list. Every choice leads at least one other option to choose from. It gets very intuitive and engaging once someone uses it.

Responsiveness

The builder has many elements. So it was a challenge to fit all these functionality into a small screen. It had different arrangements of elements for different screens. It was a good challenge for us and we have succeeded on it.