WordPress: Customizing WooCommerce Themes

Build a WordPress ecommerce site that matches your brand. Learn to customize WooCommerce themes with hooks, template overrides, PHP, and CSS.

Introduction

• Welcome
• What you should know

1. Select a Base Theme

• What to look for in a theme
• Starter themes
• WooCommerce specific themes
• Declare WooCommerce support

2. Modify WooCommerce Styles

• Match theme colors
• Match email template and theme colors
• Match email and theme colors with CSS

3. Modify WooCommerce Layouts

• Hooks and templates
• Override WooCommerce templates
• Update WooCommerce templates
• Use WooCommerce hooks

4. Modify the Product Page

• Change image sizes
• Resize image column width
• Customize product data tabs
• Add social media icons
• Change the breadcrumb separator
• Update the currency symbol

5. Modify the Shop Page

• Filter products
• Display accepted credit cards
• Change product display
• Display customer savings
• Customize the sorting menu

6. Modify the Checkout Page

• Streamline the checkout template
• Skip the cart
• Add an Empty Cart button
• Hide the coupon field
• Remove checkout fields
• Add checkout fields

7. A/B Testing

• When to A/B test

Conclusion

• Next steps