WooCommerce Live: Code for Beginners

WooCommerce Live is a weekly show designed to help merchants grow their eCommerce businesses. In this episode we talked about learning how to use code to customize WooCommerce - no prior experience required!

We covered:

- What CSS is and how to use it to make basic changes to how your site looks
- How to remove elements on your product page and checkout
- How to add new fields to your product page

To be notified about upcoming episodes and join the live audience, visit:
https://www.meetup.com/woocommerce-live-global/
__________________________________________________________________

Hosts: Noëlle Steegs & Jonathan Wold
__________________________________________________________________

Links shared in this episode:

WordPress Plugin: Code Snippets
https://wordpress.org/plugins/code-snippets/

WordPress Plugin: Advanced Custom Fields
https://www.advancedcustomfields.com/resources/get_field/

Visual Guide for Hooks: Single product page
https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

Visual Guide for Hooks: Checkout page
https://www.businessbloomer.com/woocommerce-visual-hook-guide-checkout-page/

Hooks, Actions, and Filters Explained
https://developer.wordpress.org/plugins/hooks/

Code Snippet: Removing SKU field
https://gist.github.com/sirjonathan/9963ddc07c09743c13b2dd556df0c4fd

Code Snippet: Removing coupon field from checkout page
https://gist.github.com/sirjonathan/30425d0a047876c161cb5fe5fd74863a

Code Snippet: Adding a "note" field
https://gist.github.com/noellesteegs/d71951e0bada8f89aa388a1f098cbd2d

WooCommerce Docs: Template structure & Overriding templates via a theme
http://docs.woothemes.com/document/template-structure/?utm_source=youtube&utm_medium=woolive&utm_campaign=s3e5

Share your code via Gist:
https://gist.github.com/