Customized WooCommerce Product Page
Trinquets has only two product variants to sell: a single box for one-off purchase, and a three-box option. The store owners did not want to display the products like a regular online store catalog but, rather, as a custom page where they can present different descriptions for the box every month and change the accompanying photos. The default catalog page for WooCommerce is not adequate in this case. In addition, the latest box on sale must also be mirrored on the homepage.
I solved the problem in three steps.
First, I created a custom post type called "Box Themes" to hold the monthly box details. I did not want to lump all data inside a single text editor. Therefore, I removed the default text editor and hid most of the default but unnecessary editor panels to organize the post editor page. Then I created custom fields for capturing the box theme information using the excellent Advanced Custom Fields plugin.
Second, I made a custom page template for the "Subscribe" page. This is the page where buyers select the product they want to buy. The store owners can update this page by adding a new entry each month in the "Box Themes." Editable areas include the model's photo in the center, the background image in the header, the deadline for subscription, the description text, among other things.
Finally, I built a homepage template that always reflects the updates made in the "Box Theme" custom post types.
To handle the days between the order deadline and product shipping when the store does not receive orders, I provided an option to turn off the latest box theme display and replace this with a custom message and photo in both the "Home" and "Subscribe" page templates.