Okay
  Print

ShopApp - WooCommerce Theme

Getting Started with ShopApp Welcome to the Getting Started guide for ShopApp Theme, please you can take a look at the information below to start using the theme. Index Installing the ThemeRecommended PluginsImporting Demo DataTheme OptionsChange Color ...

Select a Home Page You can use any pages as home page on your site. On the demo site we use the Shop page as home page. To do this, go to your Admin Panel > Settings > Reading and select any page as Front page: Then click on Save C ...

Select Blog layout (2 Columns, Smal, No Image, Central) There are 4 type of layout for the blog than you can choose from: Go to you Admin Panel > Appearance > Customize > Blog Options: And there select which one you want: Click Save & Publish  and that' ...

How To add a Social menu You can create a social menu just by adding your social URLs as a menu item. First go to your Admin Panel > Appearance > Menus and click "create a new menu" You can name it "Social" then start adding Custo ...

How To use WooCommerce This theme supports WooCommerce plugin to install it, please follow the instructions here: Getting Started with ShopApp > Recommended PluginsIf you need help on how to use WooCommerce, please take a look at the ...

How To use Visual Composer Visual Composer is a plugin that will help you managing your content on your WordPress sites and create stunning layouts in few minutes without coding. You can create pages as always in WordPress or use the Visaul Compo ...

How To add categories filter on the Shop page If you are using WooCommerce, you can add a filter on the shop page with your categories: Select the categories you want for that filter by going to Admin Panel > Appearance > Customizer > Shop Options And c ...

Enable/Disable Quick View If you go to the Shop page on our demo, you can see a really cool effect when you click on any product:http://demo.quemalabs.com/shopapp/This is a Quick View, this way customers can see more details about the product without ...

How To Create a Contact Page Go to your Admin Panel > Pages > Add New and click Backend Editor: This will show the Visual Composer editor, then click on Add Template: Select Contact Page from the list: You will see this content on your pag ...

Select Product Layout on Shop page There are two layouts for the products on the shop page, one with only the image and other one with image and text:You can select this on your Admin Panel > Appearance > Customize > Shop Options > Product Layout:

How To create a Top Bar If you want you can use a Top Bar on your site, there you can include a text and a WP Menu:For this go to your Admin Panel > Appearance > Customize > Top Bar Options:There you can enable the Top Bar, choose your text ...

Disable Animations By default the theme has some animations to make the user experience more pleasant, if you don't want this animations, you can disable them by going to your Admin Panel > Appearance > Customizer > Site Options ...

Create a Full width Shop page By default you have a narrow shop page:But you can have a full width shop page like this:Just go to your Admin Panel > Appearance > Customize > Shop Options > Shop Page Layout:

Add Content before the Shop page By default WooCommerce doesn't allow to add content on your Shop page. But with ShopApp you can.Just create a regular page with any content you want and then go to your Admin Panel > Appearance > Customize > Shop Opt ...

How To create the About Us page There are two About templates created by default that you can use. You will need the Visual Composer plugin installed, follow the instruction here to installed in case didn't already: Getting Started with ShopApp > Recomm ...

How To change the Site layout You can choose from 2 layouts, the header at the top and the header as a sidenav: For this, go to your Admin Panel > Appearance > Customize > Site Options and select a layout:

Display or Remove Login Icon from Header As you can see on the demo there is a Login icon on the header:You can add or remove this icon from your Admin Panel > Appearance > Customize > Shop Options > Display Login Icon on header:This icons links to your ...