{"id":9631,"date":"2017-01-25T16:15:31","date_gmt":"2017-01-25T16:15:31","guid":{"rendered":"https:\/\/www.process.st\/templates\/adding-coffee-and-accessories-to-site-tc\/"},"modified":"2024-02-28T20:49:47","modified_gmt":"2024-02-28T20:49:47","slug":"adding-coffee-and-accessories-to-site-tc","status":"publish","type":"post","link":"https:\/\/www.process.st\/templates\/adding-coffee-and-accessories-to-site-tc\/","title":{"rendered":"Adding Coffee and Accessories to Site (TC)"},"content":{"rendered":"
\n

Creating a Blank Product Page <\/h2>\n
\n

Unfortunately we cannot duplicate products in Woocommerce and so we always start off with a blank\/empty product page. There are a few ways that you can do this.<\/p>\n<\/p><\/div>\n

\n

You can either, click into the Products tab on the left hand side and then click 'Add Product'<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

You can click into the Products tab and click the 'Add Product' button which is located at the top of the page<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

Or, if you're already in a product page, you can click the 'Add Product' button at the top of page like the example above.<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

Once you have done one of these 3 options your page should look like this:<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

You are now ready to add your first product.<\/p>\n<\/p><\/div>\n<\/section>\n

\n

Adding Information to Product Page: Coffee <\/h2>\n
\n

For this section we'll be creating a new coffee product. This one is a little more complex than a accessory product page as a coffee is a variable product whereas an accessory is a simply product.<\/p>\n<\/p><\/div>\n

\n

Firstly, you need to add the relevant information starting off with the product name which sits in the first box at the top of the page.<\/p>\n

A coffee product should always have the Country first, a hyphen and then the name of the coffee.<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

You then need to copy the coffee description from the Roasters page<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

And paste this into the large section beneath the coffee title.<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

After this has been done, scroll down and you'll see a 'Product Short Description' box. For the time being we will just use the tasting notes of the coffee.<\/p>\n

You will find the tasting notes either on the Roaster's page or in the description that you copied from their site.<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

You now have completed this section.<\/p>\n<\/p><\/div>\n<\/section>\n

\n

Creating a Variable Product: Coffee <\/h2>\n
\n

A variable product is an adult product that has child products within it. Coffee is a variable product because not only do you have the main product, but you always have variants of that product. In this case the variants are the weights and grind sizes.<\/p>\n<\/p><\/div>\n

\n

To start with, you need to change the Product Data from Simple product to variable<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

This will now change the product page and you should be looking at a screen that looks like this:<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

Coffee isn't a taxed product and so the Tax status needs to be set to 'None' with a Tax class of 'Zero rate'<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

Now we need to go to the inventory tab. This is located on the left hand side within the Product Data section<\/p>\n<\/p><\/div>\n

\n

As this is a variable product most of this section can be left alone. The Cost of Good is set against each child product and we don't manage stock for coffee so these can all be left blank.<\/p>\n

The only part that needs filling in is the SKU. The SKU will always be (for every product, accessory and coffee) the name of the brand\/roaster first and then the title of product and where you would usually leave a space, we replace this with a hyphen.<\/p>\n

As this is a coffee by Footprint Coffee Roasters and the coffee is "Ethiopia - Santa Lucia" the SKU will look like this:<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

This section is now complete. Please navigate to the Shipping tab.<\/p>\n

Similar to the Inventory section, most of the fields in Shipping can be left blank as these are areas that we cover when we add the variable products. The only part that needs filling in is the Shipping class category which is at the bottom of the Product Data field.<\/p>\n

Click on the drop down box and change the Shipping class from 'No Shipping Class' to 'Coffee'<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

Now you need to navigate to the Attributes tab which is the second section down from the Shipping tab. We always leave 'Linked Products' empty.<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

Once you have opened the Attributes tab, your page should now look like this:<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

You'll see the drop down box at the top of this section that says 'Custom product attribute'. By clicking on this you'll be shown a list of all attributes.<\/p>\n

Start off by selecting the Weight option and click 'add'. Once the weight attribute has appeared go back into the drop down menu and select the 'Grind Size' option and click 'add'. Your page should now look like this:<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

It is important that these 2 attributes are selected in that order as this is how it will appear on the product page once the coffee is live on the site.<\/p>\n

Now that has been done you need to add the other attributes to this section. These can be added in whatever order you like as these are for customer information and not variations. The attributes that you need to add are:<\/p>\n