Add price value to my shop in shopify

[priceStruggle]

Hi all,

I am creating a product throught my CMS to be added in shopify for the checkout:

const mutation = `
  mutation CreateProduct($product:ProductCreateInput) {
  productCreate(product: $product) {
    product {
      id
      title
      descriptionHtml
      productType
      vendor
      handle     
    }
    userErrors {
      field
      message
    }
  }
}`

  const { data, errors } = await getGraphQLClient().request(mutation, {
    variables: {
      product: {
        title: product.title,
        productType: product.productType,
        descriptionHtml: product.descriptionHtml,
        vendor: 'myShop',
        handle: product.handle,
      },
    },
  })

after i need to add the price, I got this from the ai asistant(after a lot of suffering and pain)

if (data) {
    const priceMutation = `
      mutation CreateVariant($input: ProductVariantInput!) {
        productVariantCreate(input: $input) {
          productVariant {
            id
            price
          }
          userErrors {
            field
            message
          }
        }
      }`
    await getGraphQLClient().request(priceMutation, {
      variables: {
        input: {
          productId: data.productCreate.product.id,
          price: product.price.toString(),
        },
      },
    })

then i add an image

const uploadImageMutation = `
      mutation UploadImage($productId: ID!, $media: [CreateMediaInput!]!) {
        productCreateMedia(productId: $productId, media: $media) {
          media {
            status
            alt
            preview {
              image {
                url
              }
            }
          }
          userErrors {
            field
            message
          }
        }
      }
    `

    await getGraphQLClient().request(uploadImageMutation, {
      variables: {
        productId: data.productCreate.product.id,
        media: [
          {
            originalSource: product.imageUrl,
            mediaContentType: 'IMAGE',
            alt: product.title,
          },
        ],
      },
    })

the problem is that in my shopify store, I am able to see the product created, the image but not the price(it shows ‘0’).

is there something I am missing?

[mageplaza-cs]

Hi @priceStruggle ,

I am from Mageplaza - Shopify solution expert.

To resolve the issue where the price is showing as ‘0’ in your Shopify store, you need to ensure the price is set during the initial product creation by including variants in the productCreate mutation. Here’s the corrected approach:

1. Include Price in the Initial Product Creation
Add a variants array to your productCreate mutation. This sets the price on the default variant during product creation:

const mutation = `
  mutation CreateProduct($product: ProductCreateInput!) {
    productCreate(input: $product) {
      product {
        id
        title
        variants(first: 10) {
          edges {
            node {
              id
              price
            }
          }
        }
      }
      userErrors {
        field
        message
      }
    }
  }
`;

const { data, errors } = await getGraphQLClient().request(mutation, {
  variables: {
    product: {
      title: product.title,
      productType: product.productType,
      descriptionHtml: product.descriptionHtml,
      vendor: 'myShop',
      handle: product.handle,
      variants: [ // Add variants array here
        {
          price: product.price.toString(), // Set price here
          sku: "YOUR_SKU" // Optional, but recommended
        }
      ]
    }
  }
});

2. Remove the Separate Variant Creation Step
Delete the priceMutation block entirely—it’s redundant and causes conflicts by creating a second variant.

3. Add Images (Unchanged)
Your image upload code is correct and can remain as-is.

Why Your Original Approach Failed:

• You created a product without a variant price initially.
• The productVariantCreate mutation added a second variant with the price, but Shopify displays the first variant’s price (which was still 0).
• The default variant created automatically by Shopify had no price set.

Full Corrected Flow:

// 1. Create product with price in variants
const { data } = await getGraphQLClient().request(mutation, { ... });

// 2. Add image (unchanged)
await getGraphQLClient().request(uploadImageMutation, { ... });

Verification:
After this change, check:

1. The product has only one variant (the default variant).
2. The variant’s price is correctly set in the Shopify admin.

This ensures the price displays correctly in your storefront.

Please let me know if it works as expected!

Best regards!