/* Shared/Common */
@media only screen
and (max-device-width: 1024px)
and (max-device-height: 1024px) {
p { }
}
@media only screen
and (orientation:portrait)
and (max-device-width: 1024px)
and (max-device-height: 1024px) {
p { }
}
@media only screen
and (orientation:landscape)
and (max-device-width: 1024px)
and (max-device-height: 1024px) {
p { }
}
/* Galaxy S5 */
@media only screen
and (max-width: 360px)
and (max-height: 640px)
and (orientation:portrait) {
p { }
}
@media only screen
and (max-height: 360px)
and (max-width: 640px)
and (orientation:landscape){
p { }
}
/* Nexus 5x */
@media only screen
and (min-width: 361px)
and (max-width: 411px)
and (min-height: 641px)
and (max-height: 731px)
and (orientation:portrait) {
p { }
}
@media only screen
and (min-height: 361px)
and (max-height: 411px)
and (min-width: 641px)
and (max-width: 731px)
and (orientation:landscape){
p { }
}
/* Nexus 6p */
@media only screen
and (min-width: 412px)
and (max-width: 435px)
and (min-height: 732px)
and (max-height: 773px)
and (orientation:portrait) {
p { }
}
@media only screen
and (min-height: 412px)
and (max-height: 435px)
and (min-width: 732px)
and (max-width: 773px)
and (orientation:landscape){
p { }
}
/* iPhone 5 */
@media only screen
and (max-width: 320px)
and (max-height: 568px)
and (orientation:portrait) {
p { }
}
@media only screen
and (max-height: 320px)
and (max-width: 568px)
and (orientation:landscape){
p { }
}
/* iPhone 6 */
@media only screen
and (min-width: 321px)
and (max-width: 375px)
and (min-height: 569px)
and (max-height: 667px)
and (orientation:portrait) {
p { }
}
@media only screen
and (min-height: 321px)
and (max-height: 375px)
and (min-width: 569px)
and (max-width: 667px)
and (orientation:landscape){
p { }
}
/* iPhone 6 Plus*/
@media only screen
and (min-width: 376px)
and (max-width: 414px)
and (min-height: 668px)
and (max-height: 736px)
and (orientation:portrait) {
p { }
}
@media only screen
and (min-height: 376px)
and (max-height: 414px)
and (min-width: 668px)
and (max-width: 736px)
and (orientation:landscape){
p { }
}
/* iPad*/
@media only screen
and (min-width: 750px)
and (max-width: 768px)
and (min-height: 1000px)
and (max-height: 1024px)
and (orientation:portrait) {
p { }
}
@media only screen
and (min-height: 750px)
and (max-height: 768px)
and (min-width: 1000px)
and (max-width: 1024px)
and (orientation:landscape){
p { }
}
WooCommerce
WooCommerce is a plugin for WordPress source code. This is the most widely used plugin in the ecosystem of WordPress.
The advantage of WooCommerce is that it is simple to install, a very popular source code plugin of WordPress, so it is easier to use! It doesn't require any special, just install it.
On WooCommerce, you easily post a product, copy a product and fill out information, everything is very light.
Main functions:
- Product Category
- Product Tag
- Promotional code
- Cart
- Exhibition
- Order Statistics
Advantage
- Simple in management and operation
- There are Woo applications on Iphone and Android
- Easy development by inheriting the WordPress community
- Update bug fixes constantly
- The plugin store and interface are extremely large
- Free, of course
Disadvantages
Besides, there are some disadvantages such as managing the warehouse is a bit difficult. Or not professional because there is no default affiliate. There is also no Email Marketing. All you need is to buy the plugin for sale on the app marketplace.
Also, because of low professionalism, many see confusion between sales and blogging. To me, there is nothing to talk about. But many people do not like the way to decentralize users blogs or sales.
In general, just install WooCommerce is enough, but with sales professionals and want to grow wider, you must look to OpenCart.
OpenCart
OpenCart is one of the most popular open source eCommerce platforms today. Besides Magento, Opencart is popular with many users too. They also have huge interface repositories and plugins, unlimited expansion modules!
Compared with WooCommerce, Opencart loses on the number of developers. But it's specialized, and not like WordPress, which has a lot of different purposes.
OpenCart owns most of the functionality of an e-commerce site. There are even tools for analyzing customer activity areas and daily order profit statistics.
In general, if you want to be a professional sales website, you can not ignore OpenCart. A professional website using CMS sales doesn't need to install many plug-ins, but are still full of functionality for you to use!
Advantage
OpenCart has all the necessary functions for a professional sales page. The administration interface is simple and easy to use for newbies!
Application repository is also very rich, modules and plugins are easy for you to expand indefinitely. Also the interface store is also rich. Many developers are involved in the process of designing and selling the interface so you will easily find the right interface for your style!
Disadvantages
Configuring the display and configuration of the module is often confusing to beginners.
Fewer filters and hooks than WordPress, the ability to interfere with the system more limited than WordPress.
Summary
In general, it is important that you are more familiar with which CMS to develop. All comparisons are lame. If you want more free, easier to edit, then use WooCommerce. If you have good programming skills or do not know programming, you can start with OpenCart. Opencart has all the functionality you need!
Good luck !