Search

Adding Products and Editor Navigation - Shopify Tutorial 2021



We will pick up where we left off from our last video. This is the Shopify Editor. This is where you can add media and change the layout and design of your store. If your using a different theme some functionality may be different here. This is the standard theme layout Out of the sandbox provides us. The left side will display all of the sections, header, footer, theme settings, and menus that are on your store. In the sections, you can simply hover over each item to hide or remove them. Hover over the section featured promotions, to hide this section simply click on the eye icon. This is temporarily hidden but not removed. To remove this section go to the right side and at the bottom press remove section. On the very top drop-down menu, you can navigate between all different templates on your store including pages, products, and more. On the right side will display shortcuts. When you click on a section additional changes can be made to this section. Click header on the left side and additional information may now be added on the right side menu. The announcement bar is displayed on the top as seen by this text here. Simply delete and change out this text, this will update in real-time. There is a ton of other information you can update here but this is just the general overview video. Clicking on different sections will change the items on the right that can be changed like this.


The bottom section is your footer menu. This is a good spot to put company information, legal pages, contact us information, social media profiles, and basic website navigation. A lot of this will be created in the menus section on the Shopify dashboard and not here.


Under Theme Settings, there is a ton of information you can browse through and change. You can change fonts, current, colors, and much more. In later videos, we will demonstrate adding information here.


Click exit on the top left and we will now add our first product. Click products on the left side menu. Click on add product. Let’s call this short sleeve t-shirt. I will drag in a few images I downloaded from Envato. Let’s give this a very basic description called a loose-fit t-shirt. If you are creating a brand, you obviously want high-quality images to display your products. On the right side, you can separate items by product type if you wish. Let’s add shirts. You can change the vendor here and collections information, you can also add tags to products to easily organize everything into the proper menus. Let’s change the price to $20. If you know the actual costs for the products you can add this as well, this will display your profit and margin next to the item. Compare at price is what your other competitors are selling items for. You can also add SKUs for products to manage larger inventories and barcode information. Scroll down a bit and you can track the total quantity and will subtract items when they sell. You can also keep selling while out of stock, make sure you have a lot of products coming if this option is chosen!


You can add the weight of products to calculate shipping costs automatically through Shopify. Customs information is also displayed here for certain products.


Variants will be an important section, especially when selling clothing. You can add size, colors, cost differences, etc. Let’s add Small, Medium, Large, Extra Large, and XXL. Separate each word with commas to add each variant. Scroll down and you can change the total items available SKUs and the prices. Click on save. On the top right you can click preview. This will take you to the actual store page for the product, keep in mind this is still under draft as shown here. You can change this status to active when you are ready to publish. As you can see this is very bland, but you can see adding your products to your store is fairly simple. However, it is time-consuming when creating large stores. You can add to the cart, view the cart, and checkout.