The Foundation E-Commerce Theme

In this chapter, we'll build an e-commerce theme or an online shop theme. We'll not have full functionality to buy products, but just the theme, and we'll look at how to format it so that the posts look more like product pages.

The following screenshot is of the home page we'll create. We have a header (MyShop), a spot for a custom image (this is going to be available through the theme customizer, so you can upload that), our menu over the top-right corner of the page, a showcase widget (which is the big rectangular space right below the header, MyShop with a heading—Discount Clothing, some texts, and Read more), and we'll see where we can actually edit that content. If we scroll down the page (below the showcase ...

Get Learn to Create WordPress Themes by Building 5 Projects now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.