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) => {
3const product = req.body;
4
5// Get design URL from product metafield or description
6const designUrl = product.metafields?.design_url;
7
8if (!designUrl) {
9  return res.status(200).send('No design URL');
10}
11
12// Generate mockups for all templates
13const templates = ['tshirt_front', 'tshirt_back', 'lifestyle'];
14const mockupUrls = [];
15
16for (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
42await addImagesToProduct(product.id, mockupUrls);
43
44res.status(200).send('Mockups generated');
45});

1async function addImagesToProduct(productId, imageUrls) {
2const shopify = new Shopify({
3  shopName: process.env.SHOPIFY_SHOP,
4  apiKey: process.env.SHOPIFY_API_KEY,
5  password: process.env.SHOPIFY_PASSWORD
6});
7
8for (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) {
4const designUrl = getDesignUrl(product);
5
6if (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}