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:

__________________________________________________________________

Hosts: Noëlle Steegs & Jonathan Wold
__________________________________________________________________

Links shared in this episode:

WordPress Plugin: Code Snippets

WordPress Plugin: Advanced Custom Fields

Visual Guide for Hooks: Single product page

Visual Guide for Hooks: Checkout page

Hooks, Actions, and Filters Explained

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/