WordPress/WooCommerce plugin development

Name: WordPress/WooCommerce plugin development
Rating: 4.1 (18 reviews)

Real plugin for WooCommerce.

Created byEugen Belousov

Last updated 12/2022

English

What you'll learn

Improve PHP OOP skills
Create own WooCommerce Settings Page
Create own Tab in WooCommerce Meta box
Interactions with WordPress media, WordPress template libraries
Advanced WooCommerce structure
Working with other libraries such as slick, slimscroll, tippy, fancybox, select2
WC_Product/WC_Cart/WC_Checkout processes
Advanced practise of manipulating data with php/js

Course content

9 sections • 59 lectures • 9h 44m total length

Introduction5:37

Create Plugin. First steps.12:58
Practise 1. Create Plugin.
Create page in Woocommerce Settings. Design data structure15:16
Building accordions for displaying data10:51
Building accordions for displaying data.Part 2.14:21
Some fixes and adding style.12:50
Practise 2
Handle upload images via wp.media10:21
Sanitize post data, use wp.media to select images, store image id and size in hidden inputs, and update the display on save in a WordPress WooCommerce plugin.
Adding/Removing groups via wp.template16:17
Adding/Removing components via wp.template13:52
Fixing component ids on adding/removing7:06
Learn to ensure unique component ids when adding and adjusting components, handle id reassignment on removal, and fix image display by using image id in a WordPress WooCommerce plugin workflow.
Test Section 2

Product type vs Product option9:57
Create Wocommerce Tab/Panel in Product page7:34
Practise 3
Practise 4
Creating Base/Extra Components. Part 1 : Display.13:08
Creating Base/Extra Components. Part 2 : Store to db.14:39
Save choosen Pizza/Dish type2:31
Creating Base/Extra Components. Part 3 : Display choosen base components.10:10
Creating Base/Extra Components. Part 4 : Base components with wp.template.12:37
Completing meta value structure with pizza sides/floors/dish10:42
Build a WordPress/WooCommerce plugin feature that uses group components to manage pizza sites, floors, and dish meta values with checkbox selection, post requests, and component removal.
Creating Sides Components12:11
Creating Floors Products14:07
Creating function to display tabs components for Dish type12:14
Practise 5

Display meta data on Woocommerce product page.Part 1.17:33
Display custom components on the WooCommerce product page by injecting them into the product form through actions and templates, using a pizza display.
Display meta data on Woocommerce product page.Part 2.11:18
Display meta data on Woocommerce product page.Part 3.7:44
Woocommerce Cart ( class WC_Cart). Adding custom data ro cart.15:51
Update price in Woocommerce Cart8:15
Update price on Woocommerce Product Page. Part 1.17:09
Learn to update prices on a WooCommerce product page with a WordPress plugin approach, using data attributes and component-based JavaScript to recalculate totals as quantities change.
Update price on Woocommerce Product Page. Part 2.4:37
Managing removing Base Components from product. Part 1.11:47
Managing removing Base Components from product. Part 2.19:11
Managing removing Base Components from product. Part 3.11:03
Cart Session & Mini Cart updates4:01
Practise 6

Managing Floors products. Part 1. Display17:15
Managing Floors products. Part 2. Update price3:06
Managing Floors products. Part 3. Prepare for templating12:14
Managing Floors products. Part 4. Templating on select7:00
Managing Floors products. Part 5. Templating on remove14:27
Managing Floors products. Part 5. Save to cart7:31
Managing Sides components. Part 1.7:11
Learn to manage sides components in a WordPress/WooCommerce plugin workflow, including initializing the sites block, adapting components, and mapping product IDs, images, and prices for dynamic side selections.
Managing Sides components. Part 2.11:43
Managing Sides components. Part 3.4:33
Practise 7

Display Cart data on cart page4:58
Display Cart data on cart page. Part 2.6:31
Extract cart items, prepare product data, and pass item data to templates to display cart data on the cart page with interactive elements like popups.
Display Cart data on checkout page4:47
Working with Order Item meta data. Save.7:54
Display Order item meta data on thankyou page.5:00
Display Order item meta data in admin orders page4:57

Change price html for variable product.11:41
Learn to customize the price HTML for a variable product in a WordPress WooCommerce plugin by editing the price display logic, handling price ranges, and aligning with variable product data.
Change price html for variation product.6:43
Woocommerce js events in variable product. Show variation hook.9:50
Learn how to wire a variable product in WooCommerce by handling the show variation event with JavaScript, updating price and regular price when a variation is selected.
Rebuild js file logic for variable product.6:43
Woocommerce js events in variable product. Hide variation hook.8:52

Requirements

Intermediate php
Intermediate js/jquery
Intermediate WordPress knowledge

Description

This is a complete WordPress/WooCommerce plugin, that could be easily accepted by WordPress repository. You will learn how to build this one. At first, this task may seem impossible to you, if you are a new one in plugin development. By doing step by step, as this course is builded, finally you will get enough knowledge to build somethig similar or even more complex project, i have no doubt.

You will learn the vital cycle of WooCommerce, how it is built, and what you will need to expand its functionality:

1. Admin. With help of WooCommerce hooks you will display data in right place, then interact with this data through Javascript, and then save want you need to database (wp_options, wp_postmeta tables).

1.1 WordPress media & WordPress template libraries will help us to build complex components logic.

2. Front. With help of WooCommerce hooks you will display data in right place, then interact with this data through Javascript, and then save want you need to Cart Session/ WC_Order_Item meta. Updating prices in cart/checkout, in price html strings, display choosen meta in cart/checkout/thankyou pages, custom functions, deep look inside woocommrce methods and many other things.

2.1 Fancybox, Tippy, Slick, SlimScroll will improve UX/UI.

2.2 Make Compatible with Variable product type.

Become highly competent and relevant among WordPress/WooCommerce developers. If you're ready to become WordPress/WooCommerce developer - I'll see you on the inside!

Who this course is for:

If you want to learn to master WordPress/WooCommerce plugin development
If you passed some beginners courses and don't know how to create something complex
If you want to get advanced skills

WordPress/WooCommerce plugin development

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 6min

Managing Pizza Tab in Woocommerce Section9 lectures • 1hr 54min

Managing Woocommerce Product meta box. Adding Pizza Data tab.11 lectures • 2hr

Working with Woocommerce on front.Part1.11 lectures • 2hr 8min

Working with Woocommerce on front.Part2. Floors & Sides components9 lectures • 1hr 25min

Working with Woocommerce on front.Part2. Dish type components3 lectures • 22min

Woocommerce Cart data, Order Item Meta. Save/Display.6 lectures • 34min

Woocommerce variable products. Make plugin compatible with variable products.5 lectures • 44min

Improve UI/UX4 lectures • 32min

Requirements

Description

Who this course is for: