How to Produce a FREE eCommerce Website with WordPress- OceanWp Style Tutorial With Elementor.
In this How to Create a FREE eCommerce Site with WordPress tutorial I am going to inform you how to design a professional-looking eCommerce site by utilizing the very best totally free wordpress style called OceanWp theme. In this tutorial I utilize finest totally free page builder elementor and best totally free plugins readily available in WordPress. I likewise tell you how to set up elementor Pro plugin.
OceanWP style is a totally free theme it has all the necessary functions what a professional wordpress theme should have. I also set up some extra plugins to improve the functions of the oceanWP style. If somebody watch this video tutorial from start to end I can ensure that he must will be a specialist in designing the eCommerce website In WordPress.
Before practicing this video tutorial I want to request you by clicking this link please download all the themes image and plugins: https://drive.google.com/drive/folders/12pmRzkJMND367XK1troSUIw6JXf_C9z2?usp=sharing.
video timeline:.
00:03:26 how to make an order as a new customer.
00:05:06 how an Admin can see the order.
00:06:47 intro of the demo site.
00:12:00 installing local server XAMPP.
00:13:24 developing database for the website.
00:14:01 copy wordpress file in XAMPP folder.
00:14:46 setup wordpress and link up the site with database.
00:16:07 download and set up and activate OceanWP WordPress style.
00:16:45 installing all needed plugins.
00:20:27 setup woocommerce basic in OceanWP WordPress theme.
00:22:11 creating all the needed pages.
00:23:21 setup woocommerce different parameters in information.
00:35:04 developing woocommerce single product.
00:37:52 developing woocommerce variable product.
00:37:56 developing characteristics for variable products.
00:42:10 creating the downloadable product.
00:43:40 converting regular item to a variable item.
00:44:01 designing homepage.
00:44:24 creating image slider for homepage in OceanWP theme.
00:48:05 developing the product category session in OceanWP theme.
00:51:51 designing the brand slider in OceanWP theme.
00:54:52 developing the item classification tab in OceanWP theme.
00:58:42 Designing icon box in OceanWP style.
01:02:56 create a blogpost.
01:05:46 developing about us page.
01:07:17 creating counter box in OceanWP theme.
01:11:43 developing our group session in OceanWP theme.
01:14:00 creating contact us page.
01:14:36 integrating Google Map in OceanWP theme.
01:16:25 creating toggle or accordion in OceanWP style.
01:17:41 Designing contact us form in OceanWP style.
01:19:03 developing top menu bar in OceanWP theme.
01:20:03 developing primary menu in OceanWP theme.
01:21:22 setup default homepage and blog site page.
01:22:06 including contact number and e-mail address in top menu bar.
01:24:53 altering the logo image in OceanWP style.
01:25:18 increasing the primary menu text sizes.
01:26:22 changing the search bar design.
01:26:51 altering the cart icon in primary menu bar in OceanWP style.
01:27:30 altering primary and secondary color in OceanWP style.
01:27:53 changing the woocommerce item image size.
01:28:16 creating woocommerce item sidebar.
01:29:56 creating blog page sidebar.
01:30:49 designing the footer in OceanWP theme.
01:34:25 personalize the footer text and background-color.
01:35:08 personalize the footer copyright text.
01:37:55 installing woocommerce client registration plugins.
01:38:42 getting rid of sidebar from checkout cart and my account pages.
Source