So far we’ve created the default states for our elements. But what about mouse hover? How do our buttons and links react to that? Well, let’s find out.
So far we’ve built probably the most important pages in our theme. There are a couple more we need to create: contact, support and about us, so let’s walk...
The last page which is related to the shop component of our design is the account page. Here, you’ll be able to see your purchases and also edit the account...
In the previous lesson we saw how the checkout pages look when our users are not logged in. But what if they are? Well, there are a few changes we need to...
Let’s start designing the checkout pages–and I say “pages” because we have a few different scenarios to deal with. We’ll begin with the case where the user...
Just like in any other eCommerce website, the cart will show a list of the products you wish to buy. Let’s build ours using a simple table layout.
By default, the WordPress Admin has a few built-in colour schemes, and they’re linked to the user. However, you can also add your own colour schemes. In this...
The last two tabs in our product single page are “reviews” and “changelog”. They speak for themselves, so let’s jump right into designing them.
The content of our product or theme single page will be divided in three tabs: description, reviews and changelog. In this tutorial we’ll design the...
The category index page we’ll be designing will show a list of all the categories along with an item count for each one. We’ll also create a page that will...
The shop index page we’re designing is pretty straightforward. It will show all our products along with filtering, viewing and pagination options. Let’s begin.
Support is an important aspect of our selling themes. The people who buy your products will expect you to provide assistance if something goes wrong. That’s...
