From 97884fdc90337caeaa871c330baef8d7aa5a97c7 Mon Sep 17 00:00:00 2001 From: hta218 Date: Sun, 9 Jun 2024 09:54:59 +0700 Subject: [PATCH] Add colored and greyscale image placeholders --- packages/hydrogen/src/placeholders.ts | 61 +++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) diff --git a/packages/hydrogen/src/placeholders.ts b/packages/hydrogen/src/placeholders.ts index 0a6f9f52..c0212aa1 100644 --- a/packages/hydrogen/src/placeholders.ts +++ b/packages/hydrogen/src/placeholders.ts @@ -1,4 +1,5 @@ export let IMAGES_PLACEHOLDERS = { + // Colored placeholders image: 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/h2-placeholder-image.svg', banner: @@ -25,4 +26,64 @@ export let IMAGES_PLACEHOLDERS = { 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/h2-placeholder-tshirt-3.svg', product_4: 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/h2-placeholder-tshirt-4.svg', + + // Greyscale placeholders + gs_logo_white: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-logo-w-600x200_300x.svg', + gs_logo_black: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-logo-k-600x200_300x.svg', + gs_image: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-image-1024x1024_300x.svg', + gs_banner_1: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-lifestyle-1-1800x900_300x.svg', + gs_banner_2: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-lifestyle-2-1800x900_300x.svg', + gs_collection_1: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-collection-hats-1024x1024_300x.svg', + gs_collection_2: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-collection-shoes-1024x1024_300x.svg', + gs_collection_3: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-collection-glasses-1024x1024_300x.svg', + gs_collection_4: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-collection-lamps-1024x1024_300x.svg', + gs_collection_5: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-collection-bags-1024x1024_300x.svg', + gs_collection_6: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-collection-watches-1024x1024_300x.svg', + gs_product_1: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-watch-3-1024x1024_300x.svg', + gs_product_2: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-bag-2-1024x1024_300x.svg', + gs_product_3: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-shoe-1-1024x1024_300x.svg', + gs_product_4: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-lamp-2-1024x1024_300x.svg', + gs_product_5: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-glasses-1-1024x1024_300x.svg', + gs_product_6: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-lamp-1-1024x1024_300x.svg', + gs_product_7: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-glasses-2-1024x1024_300x.svg', + gs_product_8: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-hat-3-1024x1024_300x.svg', + gs_product_9: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-bag-1-1024x1024_300x.svg', + gs_product_10: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-shoe-2-1024x1024_300x.svg', + gs_product_11: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-hat-2-1024x1024_300x.svg', + gs_product_12: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-glasses-3-1024x1024_300x.svg', + gs_product_13: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-shoe-3-1024x1024_300x.svg', + gs_product_14: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-bag-3-1024x1024_300x.svg', + gs_product_15: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-hat-1-1024x1024_300x.svg', + gs_product_16: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-lamp-3-1024x1024_300x.svg', + gs_product_17: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-watch-1-1024x1024_300x.svg', + gs_product_18: + 'https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-watch-2-1024x1024_300x.svg', }