Ecommerce Websites with WordPress and Woocommerce

Identify the prerequisites for this course, requiring a basic understanding of html, JavaScript, and server-side concepts to build a fully functional online store in WordPress with WooCommerce.

Install WordPress locally by downloading the WordPress package, extracting the zip, copying the WordPress folder, and creating a local database with root user and no password.

Create and publish store pages, then configure the shop page in Woocommerce settings and use the Advanced tab to set up additional store pages.

Master managing product categories, tags, and attributes in an e-commerce setup by creating and editing categories, organizing order, and adding attributes like size and color.

Open the new products page, enter details for a downloadable product, and add a file. Set the download limit and expire in days, then publish to add the product.

Learn to convert a product into a variable product by adding color and size attributes, creating all color and size variations, and publishing updates.

Set up payments in WooCommerce by opening the settings and the payments tab, enable PayPal with your PayPal email, and explore pre-installed options. Test with sandbox, then switch to live.

Explore how WordPress themes shape the front end, learn to activate, deactivate, and add new themes from the themes page, and begin creating and customizing your own theme.

Discover how to use the Underscores starter theme to speed up WordPress theme development, generate, upload, and install a new theme, then begin integrating your own design and code.

Open the WordPress theme folder, copy the assets folder into the theme, and paste the prototype styles into style.css, removing existing styles (except comments) and saving.

Understand how a WordPress theme works by integrating a prototype into a WordPress site, migrating header, body, and footer sections, and refreshing the front-end to view results.

Learn how to fix path issues in a WordPress site using template tags, including retrieving the theme directory and applying template tags in index.php, then verify on the front end.

Learn how commerce renders templates and how to override them by copying templates into a theme's commerce folder, enabling commerce theme support, and testing with a free shipping note.

Style the products page by updating the product loop and content file to mirror the prototype, then refresh the shop page and customize the sidebar widgets via appearance widgets.

Style the product details page to match the prototype by updating source code and css, using the single product template folder to inspect elements and override selectors.

Learn to style the cart page, including the coupon code area and buttons, and write selector styles to match the prototype.

Style the checkout page of an ecommerce site using WordPress and WooCommerce, updating styles to match the prototype for a cohesive look and feel.

Style the order received page, enable cash on delivery for testing, place an order, update styles to match the prototype, and refresh to see the polished page.

Install and activate a WooCommerce variation swatches plugin, edit color as color and size as label, to display color swatches and labeled options on the product page.

WordPress and commerce come together to power a ready-to-sell store, with plugins and e-commerce extensions enhancing social sharing and payment options.

Apply what you’ve learned to build your next e-commerce online store for yourself or your clients, using the WordPress and Woocommerce skills gained in this course.