Flatshop Demo

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 demo product page). The theme is also loaded other features such as: fullwidth slider, infinite scroll, responsive & retina ready, icon fonts, slide menu, and more!

Themify Builder

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.

Fullwidth Slider

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.

WooCommerce Shop

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, and grid2.

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.

Product Lightbox

The product lightbox allows your customers to take a quick look of the product details without redirecting the page.

Parallax Scrolling

Check the parallax scrolling on the slider area, single post image, and product page. Also see Parallax theme if you like parallax design.

Fly-in Animation

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.