Flatshop can help you turn any WordPress site into a beautiful shop using the free WooCommerce plugin. It not only has great attention to design details, but it is also loaded with transition effects such as parallax scrolling and fly-in animation to improve the user experience. The shop and products are put in center focus. Each product can be customized individually to bring up the unqiueness of the product. With product lightbox and Ajax slide cart, customers can take a quick look of the product details and add to cart without having to reload the page. Themify Builder has made it easier for you to design the product page with more fancy elements such as sliders, galleries, maps, videos, accordions, tabs, etc. (see demoproduct page). The theme is also loaded other features such as: fullwidth slider, infinite scroll, responsive & retina ready, icon fonts, slide menu, and more!
Use Themify’s drag & drop Bulider to create any page layouts by dragging and dropping the modules on the frontend with live preview. It works on all posts, pages, products.. technically all post types!
Responsive & Retina Ready
The design is completely responsive & retina ready. This means it will work on all desktop and mobile devices and all graphic elements remain sharp on retina screen such as the iPad, iPhone and Android.
The fullwidth slider can be displayed per page basis. Unlimited sliders can be created and set differently in each page. Text alignment, font, color, and background can be customized in each slide.
This theme is designed to work with the WooCommerce plugin. Many features were added in Flatshop to extend the default capability of the plugin.
CUSTOM PRODUCT STYLING
The theme allows you to customize the product styling individually. You can upload custom background image, set product image alignment, font, and color.
UNLIMITED SHOP PAGES
The default WooCommerce plugin has very limited shop layout options and only allows you to set one shop page. With Flatshop, you can create unlimited shop pages from any specified category(ies). Each page layout can be customized individually with the following layout options: fullwidth, grid4, grid3, andgrid2.
USING THE THEMIFY BUILDER ON PRODUCT PAGES
The Themify Builder helps you to design more fancy product pages by dragging and dropping the modules on the page. See this demo product page created with the Builder. You can add tabs, sliders, galleries, images, videos, accordions, call of action boxes, maps, and more. Basically, all features available in the Builder can be used in the product page.
The product lightbox allows your customers to take a quick look of the product details without redirecting the page.
Check the parallax scrolling on the slider area, single post image, and product page. Also see Parallaxtheme if you like parallax design.
Fly-in animation can be disabled or configured to fade-in.
Slide-out Menu and Cart
The header is equiped with slide-out menu and shopping cart to keep the design clean and minimal. WordPress custom menus, social buttons, and search form can be added to the slide-out panel.
Unlike the typical shopping sites, when an item is added in Flatshop, it updates instantly in the slide cart without reloading the page. Customers can click on the cart button to slide out the cart to see all the items.
Footer Info & Map
Footer area allows you to display optional shop info such as address, phone number, business hours, and fullwidth Google map.
Infinite Scroll or Pagination
All posts and products are loaded infinitely without having to click to the next page. If you don’t like infinite scroll, it can be reverted to the traditional pagination.
Using Flatshop as a Blog or Static Site
Flatshop can also be used as a standard blog or static site without the shop. All fly-in and layout options in the shop are also available in the blog to provide a consistent experience.