Creating a store on WordPress / e-Commerce

 

In this tutorial on visualmodo knowledge base we will show the process of Creating a store on WordPress pages with the WooCommerce WordPress e-commerce plugin and custom it with our Visualmodo themes in a simple way to build a shop page.

Start creating a store on WordPress: make sure that you install the WooCommerce WordPress plugin and active it on your plugin area, our themes makes you install it in a simple way with our one-click plugin installation so as soon as you active the theme you will see a message in the top of your WordPress dashboard area asking for you click and install all the plugins, woocommerce is one of them, but if you want you can install woocommerce plugin in the normal way by going on your plugins area and search for WooCommerce, it’s a great and free plugin.

Normally the woocommerce install some pages on your WordPress when you active it, but if you want to change it, just need to go on your WordPress pages area, add new, just type the name of the page, you don’t need to place any content on it, we will call the page ‘STORE’. NOTE: WooCommerce install a page called ‘shop’ when you active it.

Adding products

 

Please see the plugin developers documentation for all the steps or watch the video https://docs.woocommerce.com/document/managing-products/ NOTE: you can edit the woocommerce products body content area using the visual composer page builder, to enable the visual composer page builder on this products editor post type please take a look here

Shop pages

 

This is an example of shop page http://theme.visualmodo.com/rare/shop/ Once you already have a page that you want to transform in your store you need to active the woocommerce template on your STORE page to show products in this page you need to go on Woocommerce WordPress tab, settings, click on the products tab, Product Tab Archive / Select ‘Display’ > Shop Page, select your STORE page and save it. Please see the attached photo:

Customizing shop pages

 

To custom your STORE page you need to go; WP DASHBOARD > Visualmodo > Theme Options > WooCommerce < tab area, in this area you can choose the place of your sidebar, the share options, the header options, backgrounds, texts and slider show.

To place widgets on your sidebar area you need to go on the Appearance, widgets, place some widgets on the area of ‘WooCommerce Main Page’ and in the ‘Woocommerce Products Page’ you can place the widgets you want.

Calling WooCommerce products in other pages

Your store will have some woocommerce native pages that uses the original plugin templates and are not editable pages however you can call your shop products in other pages or even design your own shop page using the page builder visual composer woocommerce elements, while this usage you will be able to design your own layout in the way you want. For it just go to your Wp Dashboard > Pages > Add New > back-end / front-end editor > add elements > select ‘WooCommerce’ < elements tab and select the elements you want to add it on your layout. NOTE: make sure you will do it in a page out-of the page your set to be your products page on woocommerce plugins settings (another page) because the products page isn’t editable once it uses the plugin native template.

Creating a store on WordPress / shop woth WordPress WooCommerce plugin with our WordPress themes – By Visualmodo

Award-Winning 24/7 customer service

Everyone on our Customer Care team is an experienced Visualmodo user and works in our office. Nothing is ever outsourced.

Visualmodo WordPress Themes Support

Once again, thanks for purchasing one of our themes!

If you need any help, or have any suggestions, please feel free to contact us for Help Desk. If you loved the theme, we would really appreciate it if you could rate it.
Cheers!