Description
In this course, you will :
- Learn how to style the different store pages with WooCommerce hooks, template overrides, PHP, and CSS, as well as how to add custom imagery and icons to match your branding.
- introduces UX design techniques that encourage customers to buy, such as emphasising savings and including social media sharing icons
Syllabus :
1. Modify WooCommerce Styles
- Match theme colors
- Match email template and theme colors
- Match email and theme colors with CSS
2. Modify WooCommerce Layouts
- Hooks and templates
- Override WooCommerce templates
- Update WooCommerce templates
- Use WooCommerce hooks
3. 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
4. Modify the Shop Page
- Filter products
- Display accepted credit cards
- Change product display
- Display customer savings
- Customize the sorting menu
5. 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
6. A/B Testing
- When to A/B test