Additional Features
Besides standard pages, Chia theme includes a couple of pages that bring additional features to your website. These pages are:
- WooCommerce Shop Page
- Contact Page
WooCommerce Shop
If you want to include a shop on your website then WooCommerce plugin is very good and popular option http://wordpress.org/plugins/woocommerce/. Chia theme supports this plugin by including a built in styling for the plugin that makes its elements fit better with the rest of the theme.
To start creating your shop first install the WooCommerce plugin. If you installed the recommended plugins then the plugin is already installed and you can continue below.
As WooCommerce is a 3rd party plugin, in this documentation we will cover just the basics of how to start using WooCommerce plugin. For more information about WooCommerce options, setting up payment gateways and more please check the plugin documentation.
Creating a Shop Page
Once you installed the plugin, to create a shop page you need to go to Pages and there click Add New to create a new page. Give it a name (e.g. shop, store etc.) and publish it. Then go to WooCommerce>>Settings>>Products and there select the page you created from the Shop Page drop-down menu.
A. How to add products to the Shop Page?
As soon as you assign the page as shown above that page will automatically lists products that you add in the WooCommerce>>Products. If you haven't added any yet, now its time to do it.
**If you imported demo content then you'll already have a couple of demo products created.
B. How to add menu cart?
If you want to include a cart icon in your menu you can install WooCommerce Menu Cart plugin https://wordpress.org/plugins/woocommerce-menu-bar-cart/.
Once the plugin is activated navigate to Settings > Menu Cart Setup. Select your options, save and you’re ready to go.
Contact Page
To add a contact form to your page you first need a plugin that offers this functionality. We used a free plugin WPForms Lite: https://wordpress.org/plugins/wpforms-lite/
Navigate to the WPForms » Add New and create a contact form.
