fervor [>]CODING & CURIOSITY
FERVOR LEARNING SYSTEMTUTORIALS
← WordPress

WordPress / 3 MIN READ

Step 1: Set Up Your Store

Alright, let's make this super simple, like explaining it to a third grader! We're going to make a shopping page where people can choose sizes (Small, Medi

From the original Fervor library. Examples may use older package versions.

Alright, let’s make this super simple, like explaining it to a third grader! We’re going to make a shopping page where people can choose sizes (Small, Medium, Large) and say how many they want to buy. Then, they can add everything to their cart. Ready? Here we go!

Step 1: Set Up Your Store

First, we need to make sure we have the tools:

  1. WooCommerce: It’s like the toy box where we keep all our shopping stuff.
  2. Product Add-Ons Plugin: This is like extra Lego pieces that let us add cool features to our products.

Step 2: Make a New Product

  1. Go to Your Store:

    • Open your WordPress dashboard.
    • Click on Products and then Add New. It’s like starting a new drawing.
  2. Name Your Product:

    • Give your product a name. Let’s say it’s a T-Shirt.

Step 3: Add Sizes

  1. Set Product Type:

    • Scroll down to the section called Product Data.
    • Choose Variable product. This means our T-Shirt can come in different sizes.
  2. Add Size Options:

    • Click on Attributes. Think of this as adding different colors to your crayons box.
    • Create a new attribute called Size and add the sizes S (Small), M (Medium), and L (Large).
    • Save it.

Step 4: Make Size Choices Work

  1. Create Variations:
    • Go to the Variations tab.
    • Click Create variations from all attributes and let it make the Small, Medium, and Large options.

Step 5: Add Quantity Boxes for Each Size

  1. Install Product Add-Ons:

    • You might need a plugin called Product Add-Ons. This lets us add special boxes where customers can say how many Smalls, Mediums, and Larges they want.
  2. Set Up Quantity Boxes:

    • After installing the plugin, go to the T-Shirt product page again.
    • Find the Product Add-Ons section.
    • Add a new field for each size. Name them Quantity (S), Quantity (M), and Quantity (L).
    • These are like little boxes where people type in how many they want to buy.

Step 6: Check Your Work

  1. Look at Your Product Page:
    • Make sure it shows a dropdown for sizes and little boxes for quantities.
  2. Test It:
    • Try selecting a size and typing in numbers in the boxes. Add it to your cart to see if it works!

Example

Imagine this:

  • You see a T-Shirt on the page.
  • You can choose Small, Medium, or Large from a dropdown.
  • Next to each size, there’s a box where you can type how many you want.
  • You type 2 in the Small box, 1 in the Medium box, and 3 in the Large box.
  • You click “Add to Cart,” and it adds all those T-Shirts in the right amounts.

And that’s it! You now have a cool size matrix with quantities on your WooCommerce store, just like a pro!

Keep your curiosity going.Explore more WordPress →
287 TUTORIALS · 22 TOPICSREADY