Morden WooCommerce Theme

Key Features

FULLY RESPONSIVE

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.

POWERFUL MEGA MENU

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…

ADVANCED PRODUCT FILTER

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.
8000+ ICON FONTS
Responding elegantly to various screen sizes and has been tested to work across devices, from desktop to modern smartphone.
ONC-CLICK IMPORT
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.
7 HEADER OPTIONS
Choose between 7 distinct header types and 3 header behaviors. Populate your header with useful widgets and easily enable an optional top bar.
PREMIUM PLUGINS
We have an auxiliary plugin to boost developing website. This must be a great offer for saving your money to build your site.
SPEED OPTIMIZED
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.
CUSTOM SIDEBARS
Easily & fast creating your own custom sidebars without touching any code.
TRANSLATION READY
Support 2 translation plugins to translate your site into languages. You no longer have to bother the language difference any more.
SOCIAL MEDIA WIDGET
Custom Widgets including  Social Media Widget: Twitter, Pinterest, Facebook… help to increase views from different social networks
WELL DOCUMENT
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 } #la-demo-selector.open { 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 }