WordPress ECommerce Development w WooCommerce Storefront

Learn WooCommerce with Storefront and start creating amazing online stores! Let’s build a complete & beautiful store!
WordPress ECommerce Development w WooCommerce Storefront
File Size :
8.99 GB
Total length :
9h 35m



Juan Pablo De la torre Valdez


Last update




WordPress ECommerce Development w WooCommerce Storefront

What you’ll learn

How to install and create products in storefront
Add categories, tags, prices, sale prices & inventories to products
Create digital products to sell music, magazines, movies & more
Create grouped projects
Receive Payments with PayPal
Manage Shippings, Taxes, Customers & more
Use storefront in your online store
Create a Child Theme of storefront & customize it with CSS, Hooks and Templates
I will share with you a lot of codes to improve your storefront store
We will add MailChimp & AddThis! into our store
We will customize each page of WooCommerce

WordPress ECommerce Development w WooCommerce Storefront


Basic WordPress experience, installing plugins, adding post and installing WordPress locally
If you know the basics of HTML & CSS you will feel comfortable when we’re editing the theme
You will need a Code Editor (Visual studio code, Atom, Sublime Text, brackets) and a Local Server such as Flywheel, Bitnami, MAMP, WAMP, XAMPP.


If you want to create an online store for your business or your clients this course is for you!In this course you will learn WooCommerce basic and advanced features, such as creating products, categories, shipping, accepting payments with PayPal, variations and attributes & more.We will install Storefront, a beautiful theme specially designed for WooCommerce, and we’re going to create a Child Theme to extend the functionality.We will add AddThis!, MailChimp, Advanced Custom fields into our store, also we will use the Blog as marketing tool and show related products in our entries.You Will learn how to customize Storefront with Templates, CSS and Hooks. This is course is packed with tips and codes to improve your site.


Section 1: Introduction

Lecture 1 Project for this Course

Lecture 2 The Course Materials Included in this course

Section 2: Some Insights and things to keep in mind when developing an online store

Lecture 3 The Basics of E-Commerce

Lecture 4 Define an Audience

Lecture 5 Security in your store

Lecture 6 WordPress for e-commerce

Lecture 7 What’s WooCommerce

Lecture 8 WooCommerce & Shopify

Section 3: Installing WordPress & WooCommerce

Lecture 9 Installing WordPress

Lecture 10 Installing WooCommerce

Section 4: Working with Products

Lecture 11 Adding our first product

Lecture 12 Adding a Description

Lecture 13 Creating a Gallery in products

Lecture 14 Managing Inventory on Products

Lecture 15 Adding Weights and Sizes for Products

Lecture 16 Adding Up-sell and Cross-sell products

Lecture 17 Creating a Product Variation

Lecture 18 Adding more information for our variation products

Lecture 19 Adding Global Attributes

Lecture 20 Creating a Downloadable product

Lecture 21 Selling Grouped Products

Section 5: Working with Storefront

Lecture 22 Installing Storefront & the Customizr

Lecture 23 Adding the Main Image Categories

Section 6: Shipping Methods

Lecture 24 Adding our Shipping Zones

Lecture 25 Adding a Flat Rate

Lecture 26 Enabling Free Shipping

Lecture 27 Customizing the shipping labels

Lecture 28 Adding a Flat rate to shipping in other countries

Lecture 29 Managing Countries outside of the Shipping Zones

Lecture 30 Adding a Shipping Class

Section 7: The WooCommerce Settings Tab

Lecture 31 The General Tab

Lecture 32 The Products Tab

Lecture 33 The Tax Tab

Lecture 34 The Shipping Tab

Lecture 35 The Checkout Tab

Lecture 36 The Accounts, Emails and API Tabs

Section 8: Payment Gateways and Discounts

Lecture 37 Receiving Payments

Lecture 38 Configuring PayPal Express

Lecture 39 Payment Gateways plugins available

Lecture 40 How to create coupons

Section 9: Creating a Child Theme of Storefront and How to Customize your Store

Lecture 41 Creating the About Us & Contact Us Pages

Lecture 42 What’s a Child Theme

Lecture 43 Creating and Activating a Child Theme

Lecture 44 How to Modify the appearance of your online store

Lecture 45 Using CSS

Lecture 46 Using and overriding Templates

Lecture 47 Using Hooks

Lecture 48 Using the Customizr

Section 10: Working with Menus in Storefront

Lecture 49 Creating the Main Menu

Lecture 50 Creating the Social Menu

Lecture 51 Creating the Mobile Menu

Lecture 52 Styling the Main Menu

Lecture 53 Styling the Mobile Menu

Section 11: Customizing the Front Page

Lecture 54 Adding a Google Font and Styling the headings

Lecture 55 Displaying the featured image on the front page

Lecture 56 Styling the Main Category Images

Section 12: FRONT PAGE: Adding a new section from a specific category

Lecture 57 Creating a new Section for displaying products from specific category

Lecture 58 Using WooCommerce Shortcodes

Lecture 59 Adding more products to this category

Lecture 60 Passing values to shortcode

Lecture 61 Styling our new section

Lecture 62 Finishing our new section

Section 13: FRONT PAGE: Adding a new banner section

Lecture 63 Adding a new Banner Section

Lecture 64 Styling the new Banner section

Lecture 65 Using Advanced Custom Fields for dynamic content

Section 14: FRONT PAGE: Adding the Main Icons with features

Lecture 66 Adding the fields with Advanced Custom fields

Lecture 67 Adding the Content to fields

Lecture 68 Writing the function where the Icons will be printed

Lecture 69 Printing the fields

Lecture 70 Styling the Fields

Section 15: FRONT PAGE: Displaying the latest 3 entries

Lecture 71 Creating the 3 blog posts

Lecture 72 Querying the Database to display the 3 posts

Lecture 73 Printing all the content

Lecture 74 Styling the blog entries

Section 16: FRONT PAGE: Adding MailChimp

Lecture 75 Creating and Printing the MailChimp form

Lecture 76 Styling the form (Pt 1 of 2)

Lecture 77 Styling the form (Pt 2 of 2)

Section 17: Working with the footer

Lecture 78 Adding Widgets into the footer

Lecture 79 Changing the footer text and information

Lecture 80 Styling the Footer

Section 18: Customizing the Shop Page

Lecture 81 Displaying prices with 3 digit numeric code

Lecture 82 Changing the number of columns in the shop page

Lecture 83 Changing the number of products per page

Lecture 84 Changing the name of the sorting filters

Lecture 85 Printing a Custom Image when no featured image is added to product

Lecture 86 Adding the WooCommerce widgets

Section 19: Working with the Single Product Page

Lecture 87 How to remove a Tab

Lecture 88 Changing the text of a Tab

Lecture 89 Displaying the Product Name in the Tab

Lecture 90 Adding a Field with Advanced Custom Fields and printing the values

Lecture 91 Adding a new tab for videos

Lecture 92 The Rule of 100

Lecture 93 Printing Savings as Dollars

Lecture 94 Styling the Savings with CSS

Lecture 95 Printing Savings as Percentage

Lecture 96 Printing Percentage or Dollars based on the Price Product

Lecture 97 Adding AddThis! into the products

Section 20: Customizing the Cart Page

Lecture 98 Adding a Field for coupons

Lecture 99 Printing the Coupon in the cart page if available

Lecture 100 Adding a button to clear the cart content

Section 21: Customizing the Checkout Page

Lecture 101 Removing the extra contents from the checkout

Lecture 102 How to remove a Field from the checkout form

Lecture 103 How to add a field in the checkout form

Section 22: Displaying Related Products in the Blog Entries

Lecture 104 Adding the related content field with Advanced Custom Fields

Lecture 105 Printing the Products with a Shortcode

Section 23: WooCommerce Tips

Lecture 106 How to find the right template to edit

Lecture 107 Overriding the Search Input in Woo

Lecture 108 How to find the right hook with Query Monitor

Lecture 109 How to change the Add To Cart Text

Section 24: Developing a WooCommerce Plugin

Lecture 110 Creating the main plugin folder and file

Lecture 111 Adding the CSS and JS files from bxSlider

Lecture 112 Writing a function to display a shortcode content

Lecture 113 Querying the Database in the Shortcode

Lecture 114 Adding the JavaScript Method

Lecture 115 Printing Featured Products

Lecture 116 Finishing the Styling

Section 25: Customizing the Login Screen

Lecture 117 Preview of the final project

Lecture 118 Enqueuing a CSS File in the login screen only

Lecture 119 Adding the Background Image and Logo

Lecture 120 Styling the Log In Button

Lecture 121 Adding a Box Shadow to the form

Lecture 122 Redirect to your home page when the user clicks on the logo

Developers, designers or business owners that want to create an online store,If you are not sure which platform you should use for your online store check out this course and you will see why WooCommerce is the best option,If you have some experience with WooCommerce but want to one further with hooks and customizing the templates and CSS, this course is for you!

Course Information:

Udemy | English | 9h 35m | 8.99 GB
Created by: Juan Pablo De la torre Valdez

You Can See More Courses in the Business >> Greetings from CourseDown.com

New Courses

Scroll to Top