30 Beautiful & Responsive WordPress E-Commerce Themes

Posted by Harshad

30 Beautiful & Responsive WordPress E-Commerce Themes

30 Beautiful & Responsive WordPress E-Commerce Themes

Posted: 22 Apr 2014 08:01 AM PDT

In this era where mobile is a popular medium to get on the Web, your e-Commerce website needs to be responsive in order for a smartphone or a tablet to be able to load up your website properly. If you’re on WordPress, which powers over 77 million sites in the world, it’s easy to get a responsive theme for your website, and easily customise it to meet your needs.

There are plenty of responsive e-commerce themes available for WordPress, making it an ideal platform for you to start your e-commerce business.

Blanco E-Commerce WordPress Theme

What we have here is a collection of 30 beautiful and responsive WordPress e-Commerce themes that you can get for free and for a premium. You can check out the features for the themes or try out the respective demos by following the links provided. We hope this will help you find a new e-Commerce theme suitable for your site here.

Virtue [ Demo | Download ] Free


Bearded [ Demo | Download ] Free


Market [ Demo | Download ] Free


Mystile [ Demo | Download - add to cart to download ] Free


Boot Store [ Demo | Download ] Free

Boot Store

Aegaeus [ Demo ] $49.00


Gather [ Demo ] $49.00


465Industry [ Demo ] $55.00


Big Point [ Demo ] $55.00

Big Point

Blaszok [ Demo ] $55.00


Callisto WooCommerce [ Demo ] $55.00

Callisto WooCommerce

JustShop [ Demo ] $55.00


Kallyas [ Demo ] $55.00


Munditia [ Demo ] $55.00


Room 09 Shop [ Demo ] $60.00

Room 09 Shop

Shopsy [ Demo ] $55.00


Simplepxcreate [ Demo ] $55.00


Webmarket [ Demo ] $55.00


WooCommerce GoMarket [ Demo ] $55.00

WooCommerce GoMarket

WooCommerce TechGoStore [ Demo ] $55.00

WooCommerce TechGoStore

Legato [ Demo ] $79.00


MetroStore [ Demo ] $79.00


Flatshop [ Demo ] $49.00


Pinshop [ Demo ] $49.00


Store Box [ Demo ] $53.61 – $136.10

Store Box

Bike Store [ Demo ] $53.61 – $136.10

Bike Store

inStyle [ Demo ] $53.61 – $136.10


Piazza [ Demo ] $79.00


Sneakers Addict [ Demo ] $79.00

Sneaker Addict

Blanco [ Demo ] $55.00


How to Upload Jekyll to Github Page

Posted: 22 Apr 2014 06:01 AM PDT

We have discussed how to setup a Jekyll blog locally in our computer, create a draft, and manage multiple drafts with the use of a plugin in the previous posts. Now, we are ready to deploy the blog to the online server, letting the world see how awesome our blog is.

Deploying Jekyll to online server is so easy, as it is only a static website. All you need is shared hosting with decent hard disk space and bandwidth sufficient enough to host it. The cost for shared hosting should be affordable. But then again, why worry when you can host a Jekyll blog completely for free – using Github Pages.

Github offers Github Pages for free for anyone to host their static websites. It has Jekyll built-in, so it is a good place to host our Jekyll-powered blog. In this article, we will show you how to deploy our blog to Github Pages.

Getting Started

First, you need to have a Github account. Once you have one, create a new repository. The name of your repository will be used for the blog address in the following format {username}.github.io/{repo-name}.

In this example, I will name my repository simply as blog. When the repository has been created, copy the clone url.

Add, Commit, and Push

We are going to upload our local Jekyll files to our newly created Github repository. I will use Github for Mac to do the job, which can be downloaded for free – Github for Windows is also available for Windows users.

Let’s launch Github app, and then add our Jekyll blog directory as a Local Repository.

Head over to the Settings page. Paste the Github git clone URL that was copied above.

Commit and Push the files to Github.

Go to Github. Ensure that all files have been successfully uploaded.

Github Pages Branch

Creating a Github page for a repository is as easy as creating a new git branch. In the Github app, go to the Branches tab. Create a new branch named gh-pages of the master branch, and click the Publish button.

The new branch is now registered in the Github repository, like so.

The Github Page for your repository should be ready in a few minutes. When it is, you can open it on the browsers at {username}.github.io/{repo-name}, for example:


If the blog is not styled properly, this could be because the stylesheet is not linked properly. To solve this issue, open the default.html in _layouts folder. You will see that the stylesheet is initialized with a slash sign, /.

 <link rel="stylesheet" href="/css/syntax.css"> 

Omit that first slash, so the path looks like the following:

 <link rel="stylesheet" href="css/syntax.css"> 

Then Commit the change, and Push it to Github. The blog should now be displayed properly.

Insert Interactive Filters To Videos &#38; Photos With Spotliter [iOS]

Posted: 22 Apr 2014 03:01 AM PDT

Apps such as Instagram allows you to add layers onto your photos. These type of apps are very popular due to the photo filtering functionality, allowing users to create photographs that have a certain type of look to them. Some developers have tried the same with video, where a filter is added to achieve different color effects.


Spotliter, however, goes beyond simple color filters. The free app provides the users more than the usual black & white or sepia filters. Spotliter provides interactive filters where users can create videos while manipulating the filter effects as they shoot them. Let’s check out the app, shall we?

Interactive Video Filters

Spotliter has 15 different types of filters which they call "touch effects". They include Juxtapose, Freeze, Overlay, Blur, Posterize, Horizon, Dots and many more.

As an example, let’s look at what one touch effect called Magnify does to your video. With Magnify on, you can use an on-screen magnifying glass effect to zoom in on a particular subject, just by pinching your fingers.

Another cool touch effect is Searchlight, where an entire video can be shot in photonegative black, except a spot, circled, to simulate a searchlight in use at night.

Spotliter Searchlight

The amazing thing about the app is that all of the filters can be applied and changed while the video is being recorded. You can use one filter one moment, then change it to another in the next second. It also allows you to pause your video recording, giving you time to switch filters before resuming.

Spotliter Overlay

Along with videos, the filters also work with photos. The Juxtapose and Horizon filters are a cool combined effect made possible with SpotLiter. They let the user combine 2 photos and lay them side by side, perfect for say, a before and after selfie.

Spotliter Juxtapose


There are a few shortcomings with the app. You can’t share videos and photos to your social networks from within the app. There is also no way to edit your files once it is recorded. It is also currently available for iPhone 4 and above, and iPod Touch 3 and above.

Nonetheless, Spotliter is a great app for those who want to add a bit of flair to their videos via interactive filters that they can experiment with to produce awesome homemade videos.

How To Hide Apps Or Folders On iOS 7 [No Jailbreak]

Posted: 21 Apr 2014 10:01 PM PDT

There are many reasons that a user may have to hide an app from their home screen. Stock apps on iOS cannot be uninstalled, so some users choose to hide them inside a folder or use a jailbreaking tool to completely remove them, letting up room for the apps that they actually want.

You may have your own reasons for hiding an app or a folder from prying eyes, for instance apps that contain sensitive data, or apps without pin protection.

Private And Useless Apps

If you don’t want to jailbreak your iOS device, there is a bug in iOS 7 that you can utilize to hide apps or folders from the home screen – by way of the nested folder. A nested folder is a folder that is kept inside another folder. In this post, we will show you how to use this to completely hide apps from view on your iOS 7 device.

Step 1: Creating A Nested Folder

First, identify the apps you want to hide. Keep them all in one folder (we will call this Folder A). In our example, we will be hiding Cloud apps.

To create a folder, simply hold and drag one app on top of another. Then, continue adding all other apps you want to hide into that folder.

Once you have your set-to-hide folder ready, it’s time to create a dud folder. You will be putting Folder A into this dud folder, but the act itself is a little tricky, the first time around.

1. Drop any app to another app to create a new folder (See image 1).

2. When an app is on top of another app, quickly let go of the dragged app, and tap-and-drag Folder A before the zoom occurs (See image 2).

Creating Folder

3. Once you find yourself inside the folder, let go of Folder A (See image 3).

4. Press the Home button and there you have it, a nested folder (See image 4). We’re calling this dud folder Folder B.

Nested Folder

Step 2: Hiding The Folder & Apps

5. So now you have Folder A and two apps inside Folder B (dud folder). Remove the two apps from Folder B (See image 5).

6. Then move Folder B to a full home screen (See image 6).

Remove App

7. Once placed, drag Folder A out of Folder B to the dock. Folder B will disappear (See image 7).

8. When you let go of Folder A while it is on the dock, Folder A will disappear as well.

Hidden App

That’s it. All your apps in Folder A are now hidden. As now, only you know of their existence, if you ever need to use those apps, you can access them through the Search function. And if you ever need to bring them back to your home screen, just restart your iOS device.


Post a Comment