As with the previous videos, we've already assembled all the content we'll need for this step in a separate folder. Everything you need is listed in the checklist.
To pick up from where we left off in the last video, let's click Customize from the product details page.
This is where we'll customize our product content.
This sidebar contains 3 different sections, and we'll go through each section one by one. First, let's click on Header.
For the header section, we'll need to upload a logo image. The resolution for this image is 360x80 pixels.
Click select image, and then click Upload New Image.
In the popup, click Choose file, locate the logo image you want to use, select it, and click open.
Once the image has appeared, click Upload.
And then click Save in the lower left.
Now, we can see our logo at the top left of the site preview.
The next section is for our background hero image at the top of the page. Click Hero.
This opens a few available settings, but we'll need to upload the image first.
Click select image, and then click Upload New Image.
In the popup, click Choose file, locate the hero image you want to use, select it, and click open.
Once the image has appeared, click Upload.
Great! Our background image is uploaded and we can adjust our settings in this section. Remember that your image's resolution should be 2880x1200 pixels.
At the top, you can change your image's alignment.
And the next field lets you adjust the image spacing. We'll leave it at the default value of Medium.
Below the background image field, you can also set an overlay color if you want to add a transparent layer on top of your image.
We're done with our Hero settings, so let's click Save.
The uploaded background hero image now appears at the top of the site.
Let's click Back at the top left to return to our main settings menu.
Next, let's open the third section. Click Product Sidebar.
And then we'll click Instructor to set up our instructor's profile.
For the text fields, we already have a document with all the information needed. We'll copy the data and paste it in the correct fields here.
Now, we need to upload a headshot for John, our instructor. Your headshot image should have a resolution of 300x300 pixels.
Click select image, and then click Upload New Image.
In the popup, click Choose file, locate the instructor image you want to use, select it, and click open.
Once the image has appeared, click Upload.
Great! The image has been uploaded and our instructor details are complete. Don't forget to click Save at the bottom left.
To go back to the previous menu, click Back at the top left.
Now let's open the Settings tab to the right of sections.
The only thing we have to do here is upload a favicon image. We'll use the same favicon as we did in the first video. Click Favicon and then repeat the process for uploading your favicon image.
Lastly, click Save at the bottom left.
Now let's click Back at the top left to return to the previous page, and then, click Back again.
This takes us back to our product page and our product customization has been completed.
Let's see how the content we just customized looks. Click Preview.
Perfect. Our site has the logo, background image, and instructor details.
In the next article, we'll add Product Categories and Subcategories to our membership site.