Shopify Product Images at Scale: API Approach

1curl -X POST "https://api.sudomock.com/api/v1/psd/upload" \\
2  -H "X-API-KEY: YOUR_API_KEY" \\
3  -d '{
4    "psd_file_url": "https://storage.com/tshirt-front.psd",
5    "psd_name": "T-Shirt Front View"
6  }'

1// Express.js endpoint for Shopify webhook
2app.post('/api/shopify/product-create', async (req, res) => {
3  const product = req.body;
4
5  // Get design URL from product metafield or description
6  const designUrl = product.metafields?.design_url;
7
8  if (!designUrl) {
9    return res.status(200).send('No design URL');
10  }
11
12  // Generate mockups for all templates
13  const templates = ['tshirt_front', 'tshirt_back', 'lifestyle'];
14  const mockupUrls = [];
15
16  for (const template of templates) {
17    const response = await fetch('https://api.sudomock.com/api/v1/renders', {
18      method: 'POST',
19      headers: {
20        'X-API-KEY': process.env.SUDOMOCK_API_KEY,
21        'Content-Type': 'application/json'
22      },
23      body: JSON.stringify({
24        mockup_uuid: TEMPLATE_IDS[template],
25        smart_objects: [{
26          uuid: SO_IDS[template],
27          asset: { url: designUrl }
28        }],
29        export_options: {
30          image_format: 'webp',
31          image_size: 2048,
32          quality: 90
33        }
34      })
35    });
36
37    const result = await response.json();
38    mockupUrls.push(result.data.print_files[0].export_path);
39  }
40
41  // Add images to Shopify product
42  await addImagesToProduct(product.id, mockupUrls);
43
44  res.status(200).send('Mockups generated');
45});

1async function addImagesToProduct(productId, imageUrls) {
2  const shopify = new Shopify({
3    shopName: process.env.SHOPIFY_SHOP,
4    apiKey: process.env.SHOPIFY_API_KEY,
5    password: process.env.SHOPIFY_PASSWORD
6  });
7
8  for (const url of imageUrls) {
9    await shopify.productImage.create(productId, {
10      src: url,
11      position: imageUrls.indexOf(url) + 1
12    });
13  }
14}

1const products = await shopify.product.list({ limit: 250 });
2
3for (const product of products) {
4  const designUrl = getDesignUrl(product);
5
6  if (product.images.length === 0 && designUrl) {
7    const mockups = await generateMockups(designUrl);
8    await addImagesToProduct(product.id, mockups);
9
10    console.log(`Generated images for: \${product.title}`);
11
12    // Respect rate limits
13    await sleep(500);
14  }
15}