The document summarizes a WooCommerce customization masterclass presentation. The presentation covers: (1) using a child theme vs template overrides vs core files to customize WooCommerce, (2) how to use WooCommerce hooks (actions and filters) to add, remove, and edit content, and (3) when to use code snippets vs. plugins. It includes an example snippet to display the number of products sold on a single product page and a demo of using hooks to add, remove, and move content on single product pages.

1. #wcdub 2017
WooCommerce
Customisation Masterclass
@rmelogli
1

2. #wcdub @rmelogli
WC Customisation Masterclass
1. Child theme vs WooCommerce template override vs
WooCommerce core
2. WooCommerce Hooks (Actions & Filters)
3. Snippets vs Plugins
4. Demo: add content, remove content, move content @
Single Product Page
2

3. #wcdub 2017
WooCommerce Hooks:
Definition
@rmelogli
3

4. #wcdub @rmelogli
Hooks: “Actions”
● WordPress, Themes & Plugins offer
do_action($hook_name) functions at specific execution
times or in a specific template position
● Use add_action($hook_name) in your child theme to
“hook” (trigger) your code to ADD/REMOVE content
4

5. #wcdub @rmelogli
Hooks: “Filters”
● WordPress, Themes & Plugins also offer
apply_filters($hook_name) functions
● Use apply_filter($hook_name) in your child theme to
“hook” (trigger) your code to EDIT content
5

6. #wcdub @rmelogli
Hook Example: “Actions”
6

7. #wcdub 2017
WooCommerce Hooks:
Where to find Them
@rmelogli
7

8. #wcdub @rmelogli
“WooCommerce Visual Hook Guides”
8

9. #wcdub 2017
Snippets vs Plugins
@rmelogli
9

10. #wcdub @rmelogli
“Snippet”
Short PHP function that adds a specific WP functionality.
To be placed @ child theme’s functions.php
“Plugin”
Software made of several files that adds new features (too
many?) to your WordPress website
10

11. #wcdub 2017
Snippet Example
@rmelogli
11

12. #wcdub @rmelogli
Snippet
Example
e.g. “Show #
products sold @
single product
page”
12

13. #wcdub @rmelogli
Snippet
Example
e.g. “Show #
products sold @
single product
page”
13

14. #wcdub @rmelogli
Snippet
Example
e.g. “Show #
products sold @
single product
page”
14

15. #wcdub 2017
Demo: WooCommerce
Customisation Masterclass
@rmelogli
15

16. #wcdub @rmelogli
“Visual Hook Guides” > Add Content
16

17. #wcdub @rmelogli
“Visual Hook Guides” > Remove Content
17
Default
WooCommerce
add_actions

18. #wcdub @rmelogli
“Visual Hook Guides” > Move Content
18
Default
WooCommerce
add_actions