Morden WooCommerce Theme

Key Features


We all know that responsiveness matters. More and more people are browsing the web from their phones and tablets each and every day. This is why Oasis is made with responsiveness in mind, and adapts beautifully to any screen size.
Plus, it’s fully prepared for high-density retina screens. With Sakura you can be sure your site will look beautiful on all devices.


OASIS comes with and an out of the box mega menu, beautiful & powerful, you can use it easily just by active it in dashboard, then start choosing whatever you want to show, products, categories, navigation, blog posts or even html blocks…


Product searching is the most important feature on every ecommerce websites, that is why Javier has beautiful & very powerful built-in product filter feature.

Don’t waste your customer’s time with tons of category pages.
Responding elegantly to various screen sizes and has been tested to work across devices, from desktop to modern smartphone.
Import everything you see on our demo site in mere minutes. One click of your mouse is all it takes to create a beautiful, fully equipped website.
Choose between 7 distinct header types and 3 header behaviors. Populate your header with useful widgets and easily enable an optional top bar.
We have an auxiliary plugin to boost developing website. This must be a great offer for saving your money to build your site.
Just seconds to load your site, save more time and have more benefits. Your site’s ranking is promoted with searching machines like google, bing, etc.
Easily & fast creating your own custom sidebars without touching any code.
Support 2 translation plugins to translate your site into languages. You no longer have to bother the language difference any more.
Custom Widgets including  Social Media Widget: Twitter, Pinterest, Facebook… help to increase views from different social networks
A step-by-step guide to setting up your website with Sakura is included with each theme purchase.

& Much More...

Nuff said ?

Purchase Oasis today & start creating
your own unique online shop
#la-demo-selector { position: fixed; right: 0; z-index: 11; top: 0; bottom: 0; width: 280px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); transition: all .3s ease; -webkit-transition: all .3s ease } { right: 0!important } #la-demo-selector .demo-container { padding-top: 40px } .before-demo-selector { text-align: center; margin-top: 20px; margin-bottom: 30px } #la-demo-selector .demo-toggle { position: absolute; top: 15%; right: 100%; background-color: #fff; color: #000; padding: 20px; font-size: 25px; line-height: 1; border-radius: 0 2px 2px 0; cursor: pointer; margin-left: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) } #la-demo-selector-container { height: 100%; overflow: hidden } #la-demo-selector-container .demo-container { height: 100%; overflow-x: hidden; overflow-y: auto; margin-right: -25px; padding-right: 25px } #la-demo-selector .demo-selector { padding: 0 5px; width: 280px } #la-demo-selector .demo-selector a { display: block; width: 125px; height: 140px; padding: 5px 5px 40px; position: relative; float: left; margin: 0 5px 20px; background-color: #f7f8fc; border: 1px solid #e1e6fa } #la-demo-selector .demo-selector a:after { content: attr(title); text-transform: uppercase; font-weight: 700; display: block; font-size: 12px; line-height: normal; text-align: center; padding-top: 10px } #la-demo-selector .demo-selector a span { display: block; height: 100%; width: 100%; background-size: 100% auto } #la-demo-selector .demo-selector a .holder { position: fixed; top: 20%; right: 280px; width: 450px; height: 500px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07); background-color: #fff; padding: 10px; border-radius: 2px; z-index: 2; opacity: 0; visibility: hidden; margin-top: 20px } #la-demo-selector .demo-selector a:hover { box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.07) } #la-demo-selector .demo-selector a:hover .holder { opacity: 1; visibility: visible; margin: 0; transition: all .3s ease-in; -webkit-transition: all .3s ease-in }