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 widget rectangle) we have the main post loop, but we have it formatted so that it looks more like an e...