WordPress: Customizing WooCommerce Themes
Overview
Build a WordPress ecommerce site that matches your brand. Learn to customize WooCommerce themes with hooks, template overrides, PHP, and CSS.
WooCommerce is one of the most popular and trusted ecommerce solutions around. Not just for WordPress but also for anyone who wants to set up a store. Making your theme match the rest of your WooCommerce website can help you create a more professional and trustworthy shopping experience and extend your brand online.
This course covers the fundamentals of building custom WooCommerce themes. Learn about using WooCommerce hooks, template overrides, PHP, and CSS to style the different store pages, and add custom imagery and icons to fit your branding. Author Patrick Rauland also introduces UX design techniques that encourage customers to buy, such as highlighting savings and adding social media icons for sharing.
WooCommerce is one of the most popular and trusted ecommerce solutions around. Not just for WordPress but also for anyone who wants to set up a store. Making your theme match the rest of your WooCommerce website can help you create a more professional and trustworthy shopping experience and extend your brand online.
This course covers the fundamentals of building custom WooCommerce themes. Learn about using WooCommerce hooks, template overrides, PHP, and CSS to style the different store pages, and add custom imagery and icons to fit your branding. Author Patrick Rauland also introduces UX design techniques that encourage customers to buy, such as highlighting savings and adding social media icons for sharing.
Syllabus
Introduction
- Welcome
- What you should know
- What to look for in a theme
- Starter themes
- WooCommerce specific themes
- Declare WooCommerce support
- Match theme colors
- Match email template and theme colors
- Match email and theme colors with CSS
- Hooks and templates
- Override WooCommerce templates
- Update WooCommerce templates
- Use WooCommerce hooks
- Change image sizes
- Resize image column width
- Customize product data tabs
- Add social media icons
- Change the breadcrumb separator
- Update the currency symbol
- Filter products
- Display accepted credit cards
- Change product display
- Display customer savings
- Customize the sorting menu
- Streamline the checkout template
- Skip the cart
- Add an Empty Cart button
- Hide the coupon field
- Remove checkout fields
- Add checkout fields
- When to A/B test
- Next steps
Taught by
Patrick Rauland
Related Courses
Reviews
0.0 rating, based on 0 reviews
Never Stop Learning!
