How to add sizes and different prices to your products in wordpress

in utopian-io •  7 years ago  (edited)

YITH-WooCommerce-Color-and-Label-Variations.jpg

Source

What Will I Learn?

  • With this tutorial you will learn how to put in your different products sizes with different prices.

Requirements

  • Need to have the CMS Wordpress platform.
  • Plugin installed and activated from WooCommerce.

Difficulty

  • Basic

Tutorial Contents

Sometimes in certain online stores in our products we have the need to put sizes and different prices for each size. The most usual of this happen are in the online stores that sell clothes or footwear.

To be able to include the sizes and prices you need to follow the order of the steps that I will mention in the tutorial.
In this tutorial I will make an example of clothing size.

  1. Go to the menu "Products".
  2. Click in submenu "Attributes".
  3. Fill in the "Name" field: Size.
  4. Fill "Slug": Size (this is only the field reference).
  5. Click in the button "Save Attributes".

2.jpg

  1. Click in "Configure terms" (here you will fill the size options of your clothes).

3.jpg

I'll give an example of just one size that will be the small.

  1. Fill in the field of the size name.
  2. Fill in the size reference name.
  3. You can enter a description, but it will only appear in the backoffice.
  4. Click in button "Add new Size".

4.jpg

With this step you have already created the first attribute for the small size. If you want to add more sizes you will have to do the same process.
Here you can check the various sizes I created:
5.png

Now we will add the sizes and prices to our products.

  1. Go to the menu "Products".
  2. Edit a product.

66.jpg

In the product edition, go to the "Product data" and select "Variable product".

  1. Click on the tab "Inventory".
  2. Fill in the "SKU" field.
  3. Select Manage Stock.
  4. Put the amount you have of your total product "Stock quantity".

6.jpg

  1. Now go to tab "Attributes".
  2. Select the attribute "Size" and click in the button "Add".
  3. Save attributes.

7.jpg

Select the sizes you created in the previous steps and select "Used variations".

  1. Select values (your sizes).
  2. Save attributes.

8.jpg

In my case I added all the sizes I created earlier.

9.png

Now let's associate the sizes with the prices that we want to put in the online store.

  1. Click on the tab "Variations".
  2. "Add" variations.

10.jpg

The size you can choose to edit appears.

  1. Choose the size.
  2. Give a unique reference to this size "SKU".
  3. Fill the price.
  4. Put the amount you have available for this size.
  5. Click in "Save Changes".

11.jpg

If you go to your site to detail the product you edited in these steps you will see that you have a select box with the size option to choose. With the choice of size will appear the respective price and stock that we put in the edition of the product.

12.jpg

If we do the same process of adding sizes and prices in the edition of the product we will have the possibility to choose different sizes.

15.jpg

Curriculum

In my curriculum find tutorials on wordpress as it is my daily work tool. Many more will be made.



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Hey @portugalcoin I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you for the contribution. It has been approved.

  • At first glance it looks like a simple tutorial content, but when I was a WordPress site I really struggled to make this adjustment. A very complicated structure for woocommerce, thanks.

You can contact us on Discord.
[utopian-moderator]