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
Requirements
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.
Description
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.
Overview
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