This guide explains how to add a new color (e.g., True Navy) to product C1717 in WordPress. The process includes preparing the correct product images, uploading them to the media library, updating the attributes, generating variations, and verifying that all sizes and prices display correctly.
Step 1: Prepare and Download Product Photos
- Search for photos of the new color (e.g., True Navy).
- Make sure the images match the shape, size, and orientation of the existing product photos consistency ensures they align properly in the product gallery.
- Download the photo directly from the source (e.g., Google or YouTube preview image).
- If editing is needed, open the file in Affinity Photo.
- Align the new image placement so it matches the other color images.
- Ensure the alignment is correct — one way to confirm is if the image doesn’t look blurry compared to others.
- Save the final edited image file.
Step 2: Upload the Image to WordPress
- Go to WordPress > Media Library.
- Search for the folder corresponding to the product (e.g., C1717).
- Upload the new image file.
- Copy the URL or media ID of the newly uploaded photo — this will be used later when setting up variations.
Step 3: Update Product Attributes
- In WordPress, open the product page for C1717.
- Scroll down to the Attributes section.
- Add the new color name under “Color” (e.g., True Navy).
- Click Save Attributes to apply changes.
Step 4: Generate Product Variations
- Go to the Variations tab.
- Click Generate Variations — this creates entries for each size and color combination.
- Make sure no duplicate or blank variations are added.
- If generating fails, manually create the variation by selecting Add Variation.
Tip: You can identify alignment or missing setup if the variation image looks blurry or mismatched — this means it doesn’t align with existing photos.
Step 5: Set Variation Details
For each new variation:
- Assign the main image (the one uploaded in Step 2).
- Choose the correct color and size.
- Set the price and stock status.
- Click Save Changes once all fields are completed.
If multiple sizes exist for the same color, you can duplicate the variation and adjust only the size field to save time.
Step 6: Update the CSV File
After adding the new color and variations, open the product CSV:
- Ensure the new color and size combinations are listed.
- Double-check that the correct SKUs, prices, and image URLs are reflected.
- Save the updated CSV file for records and re-import if necessary.
Step 7: Troubleshooting
If the variation doesn’t show:
- Check if the color was added under Attributes before creating the variation.
- Reload the page after saving attributes to ensure it updates.
- Confirm that there are no extra or empty variations (e.g., “No color / No size”). If found, delete them in Variation Manager.
Summary:
Adding a new color to product C1717 involves downloading and aligning the correct images, uploading them to WordPress, updating attributes, generating variations, and ensuring each color and size is properly configured with the correct price and image. Always double-check for alignment and missing variations before finalizing.