Minshop is a responsive WooCommerce theme from the good people at themify.me. In building out the eCommerce solution for The Men’s Fashion, Minshop has allowed us to jump start the front end thus saving weeks of design effort and allowed us team to deliver a working product in minimal time.
Minshop is an HTML5 WordPress theme with a responsive layout that optimizes the view for both desktop and mobile audiences. You can test out the response layout for yourself by resizing your browser window. The “mobile” view is accessible on your desktop if you re-size your browser to 480 pixels. The entire top navigation becomes a mouse/touch enabled menu that is easier to navigate in a mobile browser.
Layout and Design
Minshop offers a minimal interface but also allows you to choose from a variety of skins to help you get your store out the door as quickly as possible. The responsive theme looks great on both desktop and tablet/phone browsers out of the box.
The slider feature has been instrumental in showcasing new and featured products.
Social Sharing & Open Graph
Out of the box, the Minshop theme generates the OpenGraph tags that will control how your pages’ content are displayed when shared on Facebook, Pinterest, and any other OpenGraph enabled service.
Search engine optimization
Minshop implements the following Schema.org schemas
Feature Wish list
There are a few additions I would love to see the Minshop team make on their great theme.
More HTML5 semantic markup
The ability to have the copy for the Shop page show to the left or right of a 2 or 3 column grid of products
I’ve been considering iOS development recently but I don’t have a Mac on which to develop. Alternatively, I have been looking into HTML5 ‘native’ web apps. These are web apps that look and feel like native iOS applications.
The web app can be installed via Safari’s ‘Add to Home Page’ feature.
It looks like a native App
As per the Apple Developer Guide, adding the elements below will allow the site to act like a native app when access from your iOS device.
‘apple-touch-icon’ defines the image to use for the icon.
‘apple-touch-startup-image’ defines the splash screen image.
The ‘apple-mobile-web-app-capable’ meta tag allows the page opened via your home screen to behave like a native app. When I open the ‘app’, I see it in full screen browser with no address bar at the top or any of the menus at the bottom.