eCommerce with WordPress and WooCommerce - Theming a store

Name: eCommerce with WordPress and WooCommerce - Theming a store
Rating: 4.1 (23 reviews)

Step by step guide to set up and configure an online store design using a real world example.

Created byPatrick Gerrits

Last updated 6/2017

English

What you'll learn

Design and build a beautiful online store
Work with WordPress and WooCommerce Themes
Know how to deal with Themes
Learn a workflow to use with building up you online store

Course content

12 sections • 56 lectures • 5h 54m total length

Introduction1:57
Build an e-commerce store with WordPress and WooCommerce using the Divi theme, designing headers, configuring theme options, creating category pages with sidebars, and adding a contact page.
Optimal Settings0:04
How to use this course2:45
Use this course to access premium benefits, learn optimal video settings, download Divi themes, and build a WordPress e-commerce shop with WooCommerce and a configured home page.

Upload and Install Divi6:28
Upload and install the Divi theme in a WordPress and WooCommerce store, activate it, update the theme, and begin configuring general settings and basic pages.
Pre-Setup of Pages and Menu2:38
Download Demo Data Information0:49
Import My Settings, Products and other stuff7:27
Learn to import settings, products, and related data into a WordPress WooCommerce store by using the importer, activating the theme, and configuring shop pages, currency, and taxes.
First Settings11:03
Header and Navigation Settings14:10
Configure the header and navigation by managing primary and secondary menus, logo visibility, colors, fonts, and dropdowns, with options for fixed scroll navigation on desktop and mobile.
Footer and Button Settings8:55
Explore footer layout options, column configurations, and widget content while customizing theme colors, typography, buttons, and hover effects to tailor a WooCommerce store's look and feel.
Finishing Settings3:01
Aim to finalize theme settings by adjusting post appearance, text size, and mobile views; tailor tablet and phone layouts, menus, and widgets, and assign home page and post page.
2 Versions of Settings0:12
Divi General Settings - New Release!5:49
Divi General Settings5:16
Learn to configure Divi general settings, including theme options, logo and favicon, navigation, layout, module look and feel, social integrations, API keys, and user roles.

Advanced - Child Theme6:28
Advanced - Removing Product Sidebar5:01
Remove the product sidebar on the WooCommerce single product page by hiding the sidebar with css class and id selectors, then adjust the left area to full width.
Advanced - Fix Search Module18:57
Advanced - Changing Files with Child Theme5:21
Advanced- Removing the gap on Homepage using CSS9:04
Remove the homepage gap by tweaking css margins and padding, inspecting elements to target the product list items, and adjusting bottom margins for a compact, cleaner store layout.

Setting up the Logo, Layout and Header10:29
Setting up the Footer, Fonts and Styles7:55
Explore configuring the ecommerce store footer and styles, including left content, images via links, and font choices like Lato to create a cohesive theme.
Customize the Category and Product Pages11:41
Customize the category and product pages by adjusting the shop layout, sidebar position, and product image size. Configure tabs, breadcrumbs, stock info, zoom, and related products for a polished storefront.
Finish the Main Configuration3:40

Starting with the Homepage and Slider10:07
Continuing on the Homepage12:53
Finishing the Homepage12:07
Finish the homepage by adding feature boxes with unique selling points, a three-column layout, a review slider, and latest posts blocks, then refine icons, testimonials, and the footer.
Creating the Footer11:09
Fixing Image Issues2:11
Creating the Category Sidebar4:34
Designing the Contact page7:18
Minor Changes2:43
Update footer links and images by managing media uploads and correcting image sources, then review navigation and pages as you prepare a landing page to boost Google rankings.
Create a Google Friendly Landing Page3:26

Requirements

You need to be familiar with WordPress and/or WooCommerce.

Description

*** Update February 10 2016:

When you buy this course you get the Divi theme for free within this course. Yes that is right. For free! That theme will cost you normally $69. You get support trough this course if you have any issues with the theme.

***

This step-by-step course will teach you how to design your eCommerce store with WordPress and WooCommerce. When you are finished with the course you will know how to create a beautiful design and configuration for your store.

in this new and improved course (updated February 10th 2016!) there are now two themes covered in this course. Divi by Elegant themes and Flatsome.

Over 4 hours of video in which you will learn everything you need to know to get you started with designing your Online store. I will tot only teach how to install a theme but also what to do and what not to do. But there is more. If you want, I create a lecture specially for you! Yes, that is right, you can send me a message and I will record as many lectures needed to help you. That request can be for a specific theme, plugin or function in WordPress or WooCommerce. There are so many plugins and extension available for WordPress and WooCommerce it is very difficult for me to please all of you right from the start. So do not hesitate to contact me, i will make sure I deliver and i will deliver within 30 days, so if you are not pleased with the content, you can ask for a 100% refund, no questions asked.

Starting an eCommerce business has been made very very easy with WordPress and WooCommerce. A few years ago everything i did was with Magento and custom build systems. WooCommerce was way to immature for our business. But now it is a fully functional and 100% professional system that has everything that you need.

In this course we will focus on the look and feel of your online store. I take one approach with one theme that will show you the possibilities of a theme and WordPress. Please note that the possibilities are endless!

A few examples:

Installing and configuring a Theme;
Setting up the Home page;
Setting up Shop pages (like the product page);
Creating other pages like the contact page.

After this course the only thing you need to do is implement everything you learned, create a beautiful store AND start selling those products.

Who this course is for:

Entrepreneurs
WordPress starters
WooCommerce starters
You should NOT take this course when you want to build your own theme. This course uses a Very cost effective pre-build theme.

eCommerce with WordPress and WooCommerce - Theming a store

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 5min

Divi Theme - Basic Setup11 lectures • 1hr 6min

Divi Theme - Creating the Shop6 lectures • 55min

Divi Theme - Modules7 lectures • 41min

Divi Theme - Creating the Final Shop4 lectures • 30min

Divi Theme - Advanced Changes5 lectures • 45min

Divi - Conclusion1 lecture • 2min

Flatsome Theme - Basic Setup2 lectures • 8min

Flatsome Theme - Setting up all of the main theme options4 lectures • 34min

Flatsome Theme - Desigining the Online Store9 lectures • 1hr 6min

Requirements

Description

Who this course is for: