These slides belong to https://CustomizeWoo.com, a technical video course that shows you how to override WooCommerce pages and elements without using plugins. You can watch me code and learn by example.
A series of videos, screencasts, examples and exercises will help you feel more confident about WooCommerce customization, child themes, hooks and CSS/PHP snippets.
Watch and re-watch each video how many times you like, get lifetime access to me via the comment section, exercise as much as possible and keep learning.
Access your free videos or buy the course via https://businessbloomer.com/customizewoo-master-woocommerce-online-course/
5. “Child theme”
1. Inherits style (CSS) and functions
(PHP, ...) of its parent theme
2. Updating parent won’t overwrite
child
CustomizeWoo.com
6. “Child theme”
3. Ideally only style.css & functions.php
files
4. All customization in one place
5. Easy to backup, manage, clone,
deactivate
CustomizeWoo.com
7. Where to place custom CSS?
1. Edit Theme / WC Core CSS files
2. Use Theme Options
3. Use Custom CSS Plugin
4. Use “Customizer” > Additional CSS
5. Edit style.css @ Child theme
CustomizeWoo.com
17. functions.php Customization Rules
● Leave <?php there on line 1
● Always place PHP below it
● Comment PHP changes e.g.: /*
Move Add to Cart @ Shop */
● If file ends with ?>, remove it
CustomizeWoo.com
18. Recap
1. Child theme has several benefits
2. style.css vs functions.php
3. Can be created in 5 minutes
4. FTP is your best friend
CustomizeWoo.com