Developing A Woocommerce Theme
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Awesome Black Friday Cyber Monday Deals | 187 | 6 months ago | 3 | |||||||
| 🟢LIVE 2022 - Black Friday & Cyber Monday, Christmas & Holidays Deals for Developers, Techies, & Entrepreneurs, | ||||||||||
| Vue Getting Started | 181 | a year ago | 196 | Vue | ||||||
| This project is seen in demos including the Pluralsight course "Vue: Getting Started" to help represent a fundamental app written with Vue. The heroes and villains theme is used throughout the app. | ||||||||||
| Shopify Starter Theme | 69 | 2 years ago | 20 | Liquid | ||||||
| Shopify Starter Theme. Based on Laravel-mix and ThemeKit. WatchFull Course Here : https://youtu.be/0274iR1XENE | ||||||||||
| Wp Dev Course | 52 | 3 years ago | PHP | |||||||
| Example files for my WordPress Development Course on Udemy | ||||||||||
| Datavizm20.classes.andrewheiss.com | 49 | 3 years ago | HTML | |||||||
| 🎓 GSU MPA/MPP course on data visualization with R and ggplot2 | ||||||||||
| Bootstrap4layouts | 45 | 2 years ago | bsd-2-clause | HTML | ||||||
| A Template for Bootstrap 4 based on my Bootstrap 4 Layouts course on LinkedIn Learning | ||||||||||
| Mobiledev Xamarinforms | 31 | 2 years ago | 5 | mpl-2.0 | C# | |||||
| A course on Xamarin.Forms mobile development | ||||||||||
| Skillshare Examples | 27 | 6 years ago | Liquid | |||||||
| Examples for my Skillshare course on Advanced Shopify theme development. | ||||||||||
| Developing A Woocommerce Theme | 27 | 8 years ago | 1 | PHP | ||||||
| Roundy | 22 | 4 days ago | bsd-3-clause | Shell | ||||||
| fast, cute, and-of-course, roundy prompt-theme for Zsh | ||||||||||
Developing a WooCommerce Theme
Learn how to create a custom theme for a WooCommerce store, making use of the WooCommerce API to ensure that the screens on your store fit with your overall theme and your store’s brand.
These source files comprise a theme developed for the Tuts+ course, which includes functions (in the functions.php file) that hook into hooks provided by the WooCommerce API. It also contains a template file in the /woocommerce/loop folder that overrides a template file provided by WooCommerce. See Part 5 of the course for a detailed description of how the theme is structured.
Files
This repository has two subdirectories:
-
start: The starter theme for this course project. -
completed: The completed theme as developed in the course.
The completed theme includes the following template files:
archive.phpindex.php-
page.php- for static pages page-full-width.php-
archive.php- for archive pages header.phpsidebar.phpfooter.phploop.phploop-single.phploop-page.phpfunctions.php
Features
Featured images
These are displayed in the archive and index templates if they are present, using the medium size.
Menus
The default menu is in header.php, and uses the Menus admin
Styling
The theme uses Object Oriented CSS (OOCSS). The following clases are for layout and you can use them in your pages and posts. They are responsive, so will resize on smaller screens (for example the .half class is full width on phones).
.full-width.three-quarters.two-thirds.half.third.quarter
Hooks
There are 7 action hooks:
- Above the header
- Inside the header
- Before the content
- After the content
- In the sidebar
- In the footer
- After the footer
There are 3 filter hooks:
- 1 in the header
- 2 in the footer
Widget Areas
There are six widget areas, all added via the widgets.php file:
- one in the header
- one in the sidebar
- four in the footer
These are source files for the Tuts+ course: Developing a WooCommerce Theme
Available on Tuts+ March, 2015
