PageSourceSearch

https://getuploadkit.com/products/preview-pdf-files

html getuploadkit.com collected 2026-09-26 07:44:54 UTC 244,447 bytes, 3,864 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="canonical" href="https://getuploadkit.com/products/preview-pdf-files"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
9      File uploads for Shopify: Automatically crop images to a specific shape
10 &ndash; UploadKit Demo</title>
11
12    
13      <meta name="description" content="Your customers can upload PDF files and we&#39;ll show them a preview post-upload. We&#39;ve uploaded a sample PDF file for you already, but feel free to remove it and upload your own.">
14    
15
16    
17
18<meta property="og:site_name" content="UploadKit Demo">
19<meta property="og:url" content="https://getuploadkit.com/products/preview-pdf-files">
20<meta property="og:title" content="File uploads for Shopify: Automatically crop images to a specific shape">
21<meta property="og:type" content="product">
22<meta property="og:description" content="Your customers can upload PDF files and we&#39;ll show them a preview post-upload. We&#39;ve uploaded a sample PDF file for you already, but feel free to remove it and upload your own."><meta property="og:image" content="http://getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364">
23  <meta property="og:image:secure_url" content="https://getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364">
24  <meta property="og:image:width" content="1024">
25  <meta property="og:image:height" content="1024"><meta property="og:price:amount" content="8.99">
26  <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image">
27<meta name="twitter:title" content="File uploads for Shopify: Automatically crop images to a specific shape">
28<meta name="twitter:description" content="Your customers can upload PDF files and we&#39;ll show them a preview post-upload. We&#39;ve uploaded a sample PDF file for you already, but feel free to remove it and upload your own.">
29
30
31    
31<script>
32      window.UploadKit = window.UploadKit || {}
33      window.UploadKit.debug = true
34    </script>
34
35
36    
36<script src="//getuploadkit.com/cdn/shop/t/6/assets/constants.js?v=58251544750838685771686752030" defer="defer"></script>
36
37    
37<script src="//getuploadkit.com/cdn/shop/t/6/assets/pubsub.js?v=158357773527763999511686752030" defer="defer"></script>
37
38    
38<script src="//getuploadkit.com/cdn/shop/t/6/assets/global.js?v=139248116715221171191686752030" defer="defer"></script>
38<script src="//getuploadkit.com/cdn/shop/t/6/assets/animations.js?v=114255849464433187621686752029" defer="defer"></script>
38<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
38<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3348070511/digital_wallets/dialog">
39<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/42990166605935:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card"><link rel="alternate" hreflang="x-default" href="https://getuploadkit.com/products/preview-pdf-files">
40<link rel="alternate" hreflang="en" href="https://getuploadkit.com/products/preview-pdf-files">
41<link rel="alternate" hreflang="en-NO" href="https://getuploadkit.com/en-no/products/preview-pdf-files">
42<link rel="alternate" type="application/json+oembed" href="https://getuploadkit.com/products/preview-pdf-files.oembed">
43<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 43
43
44<script id="shopify-features" type="application/json">{"accessToken":"58a5a4a4f4ff7a769487d4098a23e03e","betas":["rich-media-storefront-analytics"],"domain":"getuploadkit.com","predictiveSearch":true,"shopId":3348070511,"locale":"en"}</script>
vendor: 1 bytes, line 44
44
45<script>var Shopify = Shopify || {};
46Shopify.shop = "uploadkit-demo.myshopify.com";
47Shopify.locale = "en";
48Shopify.currency = {"active":"USD","rate":"1.0"};
49Shopify.country = "US";
50Shopify.theme = {"name":"Dawn","id":126739382383,"schema_name":"Dawn","schema_version":"10.0.0","theme_store_id":887,"role":"main"};
51Shopify.theme.handle = "null";
52Shopify.theme.style = {"id":null,"handle":null};
53Shopify.cdnHost = "getuploadkit.com/cdn";
54Shopify.routes = Shopify.routes || {};
55Shopify.routes.root = "/";
56Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
vendor: 1 bytes, line 56
56
57<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 57
57
58<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 58
58
59<script>
60  window.Shopify = window.Shopify || {};
61  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
62  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
63  window.Shopify.SignInWithShop.eligible = true;
64</script>
vendor: 1 bytes, line 64
64
65<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 65
65
66<script>
67  window.Shopify = window.Shopify || {};
68  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
69  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
70</script>
vendor: 1 bytes, line 70
70
71<script>(function() {
72  var isLoaded = false;
73  function asyncLoad() {
74    if (isLoaded) return;
75    isLoaded = true;
76    var urls = ["https:\/\/assets.getuploadkit.com\/assets\/uploadkit-client.js?shop=uploadkit-demo.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=uploadkit-demo.myshopify.com"];
77    for (var i = 0; i < urls.length; i++) {
78      var s = document.createElement('script');
79      s.type = 'text/javascript';
80      s.async = true;
81      s.src = urls[i];
82      var x = document.getElementsByTagName('script')[0];
83      x.parentNode.insertBefore(s, x);
84    }
85  };
86  if(window.attachEvent) {
87    window.attachEvent('onload', asyncLoad);
88  } else {
89    window.addEventListener('load', asyncLoad, false);
90  }
91})();</script>
vendor: 1 bytes, line 91
91
92<script id="__st">var __st={"a":3348070511,"offset":-14400,"reqid":"c514562a-56d2-483a-920a-9f39487263e1-1790408694","pageurl":"getuploadkit.com\/products\/preview-pdf-files","u":"fbd900070263","p":"product","rtyp":"product","rid":7791438168175};</script>
vendor: 1 bytes, line 92
92
93<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 93
93
94<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 94
94
95<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//getuploadkit.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 95
95
96<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//getuploadkit.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
96<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 96
96
97<script>
98  window.Shopify = window.Shopify || {};
99  window.Shopify.MCP = window.Shopify.MCP || {};
100  window.Shopify.MCP.enabled = true;
101  window.Shopify.MCP.shop = "uploadkit-demo.myshopify.com";
102  window.Shopify.MCP.mcpEndpoint = "https:\/\/getuploadkit.com\/api\/mcp";
103  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
104</script>
vendor: 1 bytes, line 104
104
105<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/getuploadkit.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
106</script>
vendor: 1 bytes, line 106
106
107<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://getuploadkit.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
108</script>
vendor: 1 bytes, line 108
108
109<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
110  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
111</script>
vendor: 1 bytes, line 111
111
112<script>
113  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
114</script>
114
115
116<script type="module" src="https://getuploadkit.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 116
116
117<script nomodule>
118  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
119</script>
119
120
121<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://getuploadkit.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout.css" crossorigin="anonymous">
122<style id="shopify-accelerated-checkout-cart">
123        #shopify-buyer-consent {
124  margin-top: 1em;
125  display: inline-block;
126  width: 100%;
127}
128
129#shopify-buyer-consent.hidden {
130  display: none;
131}
132
133#shopify-subscription-policy-button {
134  background: none;
135  border: none;
136  padding: 0;
137  text-decoration: underline;
138  font-size: inherit;
139  cursor: pointer;
140}
141
142#shopify-subscription-policy-button::before {
143  box-shadow: none;
144}
145
146      </style>
147<script id="sections-script" data-sections="header" defer="defer" src="//getuploadkit.com/cdn/shop/t/6/compiled_assets/scripts.js?v=91059222781711287881686752051"></script>
vendor: 1 bytes, line 147
147
148<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
148
149
150
151    <style data-shopify>
152      @font-face {
153  font-family: Assistant;
154  font-weight: 400;
155  font-style: normal;
156  font-display: swap;
157  src: url("//getuploadkit.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
158       url("//getuploadkit.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
159}
160
161      @font-face {
162  font-family: Assistant;
163  font-weight: 700;
164  font-style: normal;
165  font-display: swap;
166  src: url("//getuploadkit.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
167       url("//getuploadkit.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
168}
169
170      
171      
172      
173
174      
175        :root,
176        .color-background-1 {
177          --color-background: 255,255,255;
178        
179          --gradient-background: #ffffff;
180        
181        --color-foreground: 18,18,18;
182        --color-shadow: 18,18,18;
183        --color-button: 18,18,18;
184        --color-button-text: 255,255,255;
185        --color-secondary-button: 255,255,255;
186        --color-secondary-button-text: 18,18,18;
187        --color-link: 18,18,18;
188        --color-badge-foreground: 18,18,18;
189        --color-badge-background: 255,255,255;
190        --color-badge-border: 18,18,18;
191        --payment-terms-background-color: rgb(255 255 255);
192      }
193      
194        
195        .color-background-2 {
196          --color-background: 243,243,243;
197        
198          --gradient-background: #f3f3f3;
199        
200        --color-foreground: 18,18,18;
201        --color-shadow: 18,18,18;
202        --color-button: 18,18,18;
203        --color-button-text: 243,243,243;
204        --color-secondary-button: 243,243,243;
205        --color-secondary-button-text: 18,18,18;
206        --color-link: 18,18,18;
207        --color-badge-foreground: 18,18,18;
208        --color-badge-background: 243,243,243;
209        --color-badge-border: 18,18,18;
210        --payment-terms-background-color: rgb(243 243 243);
211      }
212      
213        
214        .color-inverse {
215          --color-background: 36,40,51;
216        
217          --gradient-background: #242833;
218        
219        --color-foreground: 255,255,255;
220        --color-shadow: 18,18,18;
221        --color-button: 255,255,255;
222        --color-button-text: 0,0,0;
223        --color-secondary-button: 36,40,51;
224        --color-secondary-button-text: 255,255,255;
225        --color-link: 255,255,255;
226        --color-badge-foreground: 255,255,255;
227        --color-badge-background: 36,40,51;
228        --color-badge-border: 255,255,255;
229        --payment-terms-background-color: rgb(36 40 51);
230      }
231      
232        
233        .color-accent-1 {
234          --color-background: 18,18,18;
235        
236          --gradient-background: #121212;
237        
238        --color-foreground: 255,255,255;
239        --color-shadow: 18,18,18;
240        --color-button: 255,255,255;
241        --color-button-text: 18,18,18;
242        --color-secondary-button: 18,18,18;
243        --color-secondary-button-text: 255,255,255;
244        --color-link: 255,255,255;
245        --color-badge-foreground: 255,255,255;
246        --color-badge-background: 18,18,18;
247        --color-badge-border: 255,255,255;
248        --payment-terms-background-color: rgb(18 18 18);
249      }
250      
251        
252        .color-accent-2 {
253          --color-background: 51,79,180;
254        
255          --gradient-background: #334fb4;
256        
257        --color-foreground: 255,255,255;
258        --color-shadow: 18,18,18;
259        --color-button: 255,255,255;
260        --color-button-text: 51,79,180;
261        --color-secondary-button: 51,79,180;
262        --color-secondary-button-text: 255,255,255;
263        --color-link: 255,255,255;
264        --color-badge-foreground: 255,255,255;
265        --color-badge-background: 51,79,180;
266        --color-badge-border: 255,255,255;
267        --payment-terms-background-color: rgb(51 79 180);
268      }
269      
270
271      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
272        color: rgba(var(--color-foreground), 0.75);
273        background-color: rgb(var(--color-background));
274      }
275
276      :root {
277        --font-body-family: Assistant, sans-serif;
278        --font-body-style: normal;
279        --font-body-weight: 400;
280        --font-body-weight-bold: 700;
281
282        --font-heading-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
283        --font-heading-style: normal;
284        --font-heading-weight: 400;
285
286        --font-body-scale: 1.0;
287        --font-heading-scale: 1.0;
288
289        --media-padding: px;
290        --media-border-opacity: 0.05;
291        --media-border-width: 1px;
292        --media-radius: 0px;
293        --media-shadow-opacity: 0.0;
294        --media-shadow-horizontal-offset: 0px;
295        --media-shadow-vertical-offset: 4px;
296        --media-shadow-blur-radius: 5px;
297        --media-shadow-visible: 0;
298
299        --page-width: 120rem;
300        --page-width-margin: 0rem;
301
302        --product-card-image-padding: 0.0rem;
303        --product-card-corner-radius: 1.0rem;
304        --product-card-text-alignment: left;
305        --product-card-border-width: 0.0rem;
306        --product-card-border-opacity: 0.1;
307        --product-card-shadow-opacity: 0.0;
308        --product-card-shadow-visible: 0;
309        --product-card-shadow-horizontal-offset: 0.0rem;
310        --product-card-shadow-vertical-offset: 0.4rem;
311        --product-card-shadow-blur-radius: 0.5rem;
312
313        --collection-card-image-padding: 0.0rem;
314        --collection-card-corner-radius: 0.0rem;
315        --collection-card-text-alignment: left;
316        --collection-card-border-width: 0.0rem;
317        --collection-card-border-opacity: 0.1;
318        --collection-card-shadow-opacity: 0.0;
319        --collection-card-shadow-visible: 0;
320        --collection-card-shadow-horizontal-offset: 0.0rem;
321        --collection-card-shadow-vertical-offset: 0.4rem;
322        --collection-card-shadow-blur-radius: 0.5rem;
323
324        --blog-card-image-padding: 0.0rem;
325        --blog-card-corner-radius: 0.0rem;
326        --blog-card-text-alignment: left;
327        --blog-card-border-width: 0.0rem;
328        --blog-card-border-opacity: 0.1;
329        --blog-card-shadow-opacity: 0.0;
330        --blog-card-shadow-visible: 0;
331        --blog-card-shadow-horizontal-offset: 0.0rem;
332        --blog-card-shadow-vertical-offset: 0.4rem;
333        --blog-card-shadow-blur-radius: 0.5rem;
334
335        --badge-corner-radius: 4.0rem;
336
337        --popup-border-width: 1px;
338        --popup-border-opacity: 0.1;
339        --popup-corner-radius: 0px;
340        --popup-shadow-opacity: 0.0;
341        --popup-shadow-horizontal-offset: 0px;
342        --popup-shadow-vertical-offset: 4px;
343        --popup-shadow-blur-radius: 5px;
344
345        --drawer-border-width: 1px;
346        --drawer-border-opacity: 0.1;
347        --drawer-shadow-opacity: 0.0;
348        --drawer-shadow-horizontal-offset: 0px;
349        --drawer-shadow-vertical-offset: 4px;
350        --drawer-shadow-blur-radius: 5px;
351
352        --spacing-sections-desktop: 0px;
353        --spacing-sections-mobile: 0px;
354
355        --grid-desktop-vertical-spacing: 16px;
356        --grid-desktop-horizontal-spacing: 16px;
357        --grid-mobile-vertical-spacing: 8px;
358        --grid-mobile-horizontal-spacing: 8px;
359
360        --text-boxes-border-opacity: 0.1;
361        --text-boxes-border-width: 0px;
362        --text-boxes-radius: 0px;
363        --text-boxes-shadow-opacity: 0.0;
364        --text-boxes-shadow-visible: 0;
365        --text-boxes-shadow-horizontal-offset: 0px;
366        --text-boxes-shadow-vertical-offset: 4px;
367        --text-boxes-shadow-blur-radius: 5px;
368
369        --buttons-radius: 4px;
370        --buttons-radius-outset: 6px;
371        --buttons-border-width: 2px;
372        --buttons-border-opacity: 1.0;
373        --buttons-shadow-opacity: 0.0;
374        --buttons-shadow-visible: 0;
375        --buttons-shadow-horizontal-offset: 0px;
376        --buttons-shadow-vertical-offset: 4px;
377        --buttons-shadow-blur-radius: 5px;
378        --buttons-border-offset: 0.3px;
379
380        --inputs-radius: 0px;
381        --inputs-border-width: 1px;
382        --inputs-border-opacity: 0.55;
383        --inputs-shadow-opacity: 0.0;
384        --inputs-shadow-horizontal-offset: 0px;
385        --inputs-margin-offset: 0px;
386        --inputs-shadow-vertical-offset: 4px;
387        --inputs-shadow-blur-radius: 5px;
388        --inputs-radius-outset: 0px;
389
390        --variant-pills-radius: 40px;
391        --variant-pills-border-width: 1px;
392        --variant-pills-border-opacity: 0.55;
393        --variant-pills-shadow-opacity: 0.0;
394        --variant-pills-shadow-horizontal-offset: 0px;
395        --variant-pills-shadow-vertical-offset: 4px;
396        --variant-pills-shadow-blur-radius: 5px;
397      }
398
399      *,
400      *::before,
401      *::after {
402        box-sizing: inherit;
403      }
404
405      html {
406        box-sizing: border-box;
407        font-size: calc(var(--font-body-scale) * 62.5%);
408        height: 100%;
409      }
410
411      body {
412        display: grid;
413        grid-template-rows: auto auto 1fr auto;
414        grid-template-columns: 100%;
415        min-height: 100%;
416        margin: 0;
417        font-size: 1.5rem;
418        letter-spacing: 0.06rem;
419        line-height: calc(1 + 0.8 / var(--font-body-scale));
420        font-family: var(--font-body-family);
421        font-style: var(--font-body-style);
422        font-weight: var(--font-body-weight);
423      }
424
425      @media screen and (min-width: 750px) {
426        body {
427          font-size: 1.6rem;
428        }
429      }
430    </style>
431
432    <link href="//getuploadkit.com/cdn/shop/t/6/assets/base.css?v=108321406580882751981707855932" rel="stylesheet" type="text/css" media="all" />
433<link rel="preload" as="font" href="//getuploadkit.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin><link
434        rel="stylesheet"
435        href="//getuploadkit.com/cdn/shop/t/6/assets/component-predictive-search.css?v=118923337488134913561686752029"
436        media="print"
437        onload="this.media='all'"
438      >
438<script>
439      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
440      if (Shopify.designMode) {
441        document.documentElement.classList.add('shopify-design-mode');
442      }
443    </script>
443
444  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
445<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 3348070511,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 445
445
446<script>
447  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
448</script>
vendor: 1 bytes, line 448
448
449<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
449).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3348070511,storefrontBaseUrl: "https://getuploadkit.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://getuploadkit.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"UploadKit Demo","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"uploadkit-demo.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/getuploadkit.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":8.99,"currencyCode":"USD"},"product":{"title":"Preview PDF files","vendor":"Sample product","id":"7791438168175","untranslatedTitle":"Preview PDF files","url":"\/products\/preview-pdf-files","type":""},"id":"42990166605935","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"7791438168175","handle":"preview-pdf-files","isCollective":null,"title":"Preview PDF files","type":null,"untranslatedTitle":"Preview PDF files","url":"\/products\/preview-pdf-files","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"42990166605935","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364"},"price":{"amount":8.99,"currencyCode":"USD"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7116888703087","handle":"accept-a-single-image-only-and-allow-enhancements","isCollective":null,"title":"Accept a single image only and allow enhancements","type":null,"untranslatedTitle":"Accept a single image only and allow enhancements","url":"\/products\/accept-a-single-image-only-and-allow-enhancements","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087732351087","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/renaissance-dog.png?v=1690461594"},"price":{"amount":29.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]}
449,{"id":"1458448040047","handle":"custom-printed-t-shirt","isCollective":null,"title":"Add multiple upload fields to a product","type":"T-shirt","untranslatedTitle":"Add multiple upload fields to a product","url":"\/products\/custom-printed-t-shirt","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"13046294052975","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/t-shirt.png?v=1686819069"},"price":{"amount":20.0,"currencyCode":"USD"},"sku":"","title":"Small","untranslatedTitle":"Small"}]},{"id":"7116888539247","handle":"apply-a-circle-crop-to-an-uploaded-image","isCollective":null,"title":"Apply a circle crop to an uploaded image","type":null,"untranslatedTitle":"Apply a circle crop to an uploaded image","url":"\/products\/apply-a-circle-crop-to-an-uploaded-image","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087732154479","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/circle-photo-bracelet.png?v=1686749763"},"price":{"amount":34.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7116970852463","handle":"upload-multiple-files-of-any-type","isCollective":null,"title":"Upload multiple files of any type","type":null,"untranslatedTitle":"Upload multiple files of any type","url":"\/products\/upload-multiple-files-of-any-type","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087875743855","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/photo-prints.png?v=1686814594"},"price":{"amount":1.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7116971671663","handle":"add-a-field-for-optional-printing-ad
449d-on-pricing","isCollective":null,"title":"Add a field for optional printing (add-on pricing)","type":null,"untranslatedTitle":"Add a field for optional printing (add-on pricing)","url":"\/products\/add-a-field-for-optional-printing-add-on-pricing","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087879970927","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/packing-box.png?v=1686819246"},"price":{"amount":4.5,"currencyCode":"USD"},"sku":"","title":"Yes (+$2.00)","untranslatedTitle":"Yes (+$2.00)"}]},{"id":"7116972294255","handle":"allow-customers-to-upload-files-post-purchase-beta","isCollective":null,"title":"Allow customers to upload files post-purchase","type":null,"untranslatedTitle":"Allow customers to upload files post-purchase","url":"\/products\/allow-customers-to-upload-files-post-purchase-beta","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087881511023","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/candle.png?v=1686821572"},"price":{"amount":14.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7117017120879","handle":"require-an-exact-number-of-files-to-be-uploaded","isCollective":null,"title":"Require an exact number of files to be uploaded","type":null,"untranslatedTitle":"Require an exact number of files to be uploaded","url":"\/products\/require-an-exact-number-of-files-to-be-uploaded","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087963693167","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/three-mugs.png?v=1686861942"},"price":{"amount":0.0,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7117017251951","handle":"automatically-crop-images-to-a-specific-shape","isCollective":null,"title":"Automatically crop images to a specific shape","type":null,"untranslatedTitle":"Automatically crop images to a specific shape","url":"\/products\/automatically-crop-images-to-a-specific-shape","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087964282991","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/luggage-tag.png?v=1686862867"},"price":{"amount":9.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7117017383023","handle":"enable-a-text-field-for-uploaded-files","isCollective":null,"title":"Enable a text field for uploaded files","type":null,"untranslatedTitle":"Enable a text field for uploaded files","url":"\/products\/enable-a-text-field-for-uploaded-files","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41087965495407","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/dog-socks.png?v=1686863770"},"price":{"amount":24.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7120085581935","handle":"upload-fields-for-multiple-subjects","isCollective":null,"title":"Upload fields for multiple subjects (custom pricing)","type":null,"untranslatedTitle":"Upload fields for multiple subjects (custom pricing)","url":"\/products\/upload-fields-for-multiple-subjects","vendor":"UploadKit Demo","remoteShopId":null,"variants":[{"id":"41093614436463","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/1-subject.png?v=1688681998"},"price":{"amount":45.0,"currencyCode":"USD"},"sku":"","title":"1 subject","untranslatedTitle":"1 subject"}]},{"id":"7120086335599","handle":"change-where-your-field-appears-in-your-product-template","isCollective":null,"title":"Change where your field appears in your product template","type":null,"untranslatedTitle":"Change where your field appears in your product template","url":"\/products\/change-where-your-field-appears-in-your-product-template","vendor":"UploadKit Demo","remoteShopId":null,"variants":[{"id":"41093617778799","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/banner.png?v=1688684486"},"price":{"amount":99.0,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7121037131887","handle":"open-file-picker-automatically","isCollective":null,"title":"Open file picker automatically","type":null,"untranslatedTitle":"Open file picker automatically","url":"\/products\/open-file-picker-automatically","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"41096580956271","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631"},"price":{"amount":24.0,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7676560801903","handle":"add-a-photo-guidelines-popup","isCollective":null,"title":"Add a photo guidelines popup","type":null,"untranslatedTitle":"Add a photo guidelines popup","url":"\/products\/add-a-photo-guidelines-popup","vendor":"UploadKit Demo","remoteShopId":null,"variants":[{"id":"42625295810671","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154"},"price":{"amount":34.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7791129002095","handle":"ensure-customers-confirm-their-image-crop","isCollective":null,"title":"Ensure customers confirm their image crop","type":null,"untranslatedTitle":"Ensure customers confirm their image crop","url":"\/products\/ensure-customers-confirm-their-image-crop","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"42989005570159","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/dog-magnet.png?v=1746782197"},"price":{"amount":8.99,"currencyCode":"USD"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7791387115631","handle":"preview-3d-models","isCollective":null,"title":"Preview 3D models","type":null,"untranslatedTitle":"Preview 3D models","url":"\/products\/preview-3d-models","vendor":"Sample product","remoteShopId":null,"variants":[{"id":"42989861666927","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/model-table.png?v=1746834362"},"price":{"amount":8.99,"currencyCode":"USD"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7791564718191","handle":"set-up-different-aspect-ratios-for-different-variants","isCollective":null,"title":"Set up different aspect ratios for different variants","type":null,"untranslatedTitle":"Set up different aspect ratios for different variants","url":"\/products\/set-up-different-aspect-ratios-for-different-variants","vendor":"UploadKit Demo","remoteShopId":null,"variants":[{"id":"42991143551087","image":{"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/12x12.jpg?v=1746965337"},"price":{"amount":25.0,"currencyCode":"USD"},"sku":"","title":"12×12\"","untranslatedTitle":"12×12\""}]}],"purchasingCompany":null},},"https://getuploadkit.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"126739382383","themeStoreId":"887","themePublished":"true","eventMetadataId":"edc7a3d3-9a8d-4131-9e8c-c832b413cee9","pageType":"product","resourceId":"7791438168175","shopId":"3348070511","storefrontBaseUrl":"https:\/\/getuploadkit.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":8.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Preview PDF files\",\"vendor\":\"Sample product\",\"id\":\"7791438168175\",\"untranslatedTitle\":\"Preview PDF files\",\"url\":\"\/products\/preview-pdf-files\",\"type\":\"\"},\"id\":\"42990166605935\",\"image\":{\"src\":\"\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
449<script>
450  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
451  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
452  window.ShopifyAnalytics.meta.currency = 'USD';
453  var meta = {"product":{"id":7791438168175,"gid":"gid:\/\/shopify\/Product\/7791438168175","vendor":"Sample product","type":"","handle":"preview-pdf-files","variants":[{"id":42990166605935,"price":899,"name":"Preview PDF files","public_title":null,"sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":7791438168175,"requestId":"c514562a-56d2-483a-920a-9f39487263e1-1790408694"}};
454  for (var attr in meta) {
455    window.ShopifyAnalytics.meta[attr] = meta[attr];
456  }
457</script>
vendor: 1 bytes, line 457
457
458<script class="analytics">
459  (function () {
460    var customDocumentWrite = function(content) {
461      var jquery = null;
462
463      if (window.jQuery) {
464        jquery = window.jQuery;
465      } else if (window.Checkout && window.Checkout.$) {
466        jquery = window.Checkout.$;
467      }
468
469      if (jquery) {
470        jquery('body').append(content);
471      }
472    };
473
474    var hasLoggedConversion = function(token) {
475      if (token) {
476        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
477      }
478      return false;
479    }
480
481    var setCookieIfConversion = function(token) {
482      if (token) {
483        var twoMonthsFromNow = new Date(Date.now());
484        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
485
486        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
487      }
488    }
489
490    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
491    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
492    if (trekkie.integrations) {
493      return;
494    }
495    trekkie.methods = [
496      'identify',
497      'page',
498      'ready',
499      'track',
500      'trackForm',
501      'trackLink'
502    ];
503    trekkie.factory = function(method) {
504      return function() {
505        var args = Array.prototype.slice.call(arguments);
506        args.unshift(method);
507        trekkie.push(args);
508        if (method == 'track' || method == 'page') {
509          var pageUrl;
510          try {
511            pageUrl = window.location.href;
512          } catch (e) {}
513          var pageReferrer;
514          try {
515            pageReferrer = document.referrer;
516          } catch (e) {}
517          try {
518            if (window.__TREKKIE_SHIM_QUEUE == null) {
519              window.__TREKKIE_SHIM_QUEUE = [];
520            }
521            window.__TREKKIE_SHIM_QUEUE.push({
522              from: 'trekkie-stub',
523              method: method,
524              args: args.slice(1),
525              pageContext: {
526                url: pageUrl,
527                referrer: pageReferrer
528              }
529            });
530          } catch (e) {
531            // no-op
532          }
533        }
534        return trekkie;
535      };
536    };
537    for (var i = 0; i < trekkie.methods.length; i++) {
538      var key = trekkie.methods[i];
539      trekkie[key] = trekkie.factory(key);
540    }
541    trekkie.load = function(config) {
542      trekkie.config = config || {};
543      trekkie.config.initialDocumentCookie = document.cookie;
544      var first = document.getElementsByTagName('script')[0];
545var script = document.createElement('script');
546script.type = 'text/javascript';
547script.onerror = function(e) {
548  var scriptFallback = document.createElement('script');
549  scriptFallback.type = 'text/javascript';
550  scriptFallback.onerror = function(error) {
551          var Monorail = {
552      produce: function produce(monorailDomain, schemaId, payload) {
553        var currentMs = new Date().getTime();
554        var event = {
555          schema_id: schemaId,
556          payload: payload,
557          metadata: {
558            event_created_at_ms: currentMs,
559            event_sent_at_ms: currentMs
560          }
561        };
562        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
563      },
564      sendRequest: function sendRequest(endpointUrl, payload) {
565        // Try the sendBeacon API
566        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
567          var blobData = new window.Blob([payload], {
568            type: 'text/plain'
569          });
570
571          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
572            return true;
573          } // sendBeacon was not successful
574
575        } // XHR beacon
576
577        var xhr = new XMLHttpRequest();
578
579        try {
580          xhr.open('POST', endpointUrl);
581          xhr.setRequestHeader('Content-Type', 'text/plain');
582          xhr.send(payload);
583        } catch (e) {
584          console.log(e);
585        }
586
587        return false;
588      },
589      isIos12: function isIos12() {
590        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
591      }
592    };
593    Monorail.produce('monorail-edge.shopifysvc.com',
594      'trekkie_storefront_load_errors/1.1',
595      {shop_id: 3348070511,
596      theme_id: 126739382383,
597      app_name: "storefront",
598      context_url: window.location.href,
599      source_url: "//getuploadkit.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
600
601  };
602  scriptFallback.async = true;
603  scriptFallback.src = '//getuploadkit.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
604  first.parentNode.insertBefore(scriptFallback, first);
605};
606script.async = true;
607script.src = '//getuploadkit.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
608first.parentNode.insertBefore(script, first);
609
610    };
611    trekkie.load(
612      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3348070511,"isMerchantRequest":null,"themeId":126739382383,"themeCityHash":"14870147139033868307","contentLanguage":"en","currency":"USD","eventMetadataId":"edc7a3d3-9a8d-4131-9e8c-c832b413cee9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
613    );
614
615    var loaded = false;
616    trekkie.ready(function() {
617      if (loaded) return;
618      loaded = true;
619
620      window.ShopifyAnalytics.lib = window.trekkie;
621
622      var originalDocumentWrite = document.write;
623      document.write = customDocumentWrite;
624      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
625      document.write = originalDocumentWrite;
626
627      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
628      var token = match? match[1]: undefined;
629      if (!hasLoggedConversion(token)) {
630        setCookieIfConversion(token);
631        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":42990166605935,"productId":7791438168175,"productGid":"gid:\/\/shopify\/Product\/7791438168175","name":"Preview PDF files","price":"8.99","sku":null,"brand":"Sample product","variant":null,"category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
632      }
633    });
634
635    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":7791438168175,"requestId":"c514562a-56d2-483a-920a-9f39487263e1-1790408694","shopifyEmitted":true});
636
637    var eventsListenerScript = document.createElement('script');
638    eventsListenerScript.async = true;
639    eventsListenerScript.src = "//getuploadkit.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
640    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
641})();</script>
vendor: 1 bytes, line 641
641
642<script
643  defer
644  src="https://getuploadkit.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
645  data-application="storefront-renderer"
646  data-shop-id="3348070511"
647  data-render-region="gcp-us-central1"
648  data-page-type="product"
649  data-theme-instance-id="126739382383"
650  data-theme-name="Dawn"
651  data-theme-version="10.0.0"
652  data-monorail-region="shop_domain"
653  data-resource-timing-sampling-rate="10"
654  data-shs="true"
655  data-shs-beacon="true"
656  data-shs-export-with-fetch="true"
657  data-shs-logs-sample-rate="1"
658  data-shs-beacon-endpoint="https://getuploadkit.com/api/collect"
659></script>
659
660<meta name="shopify-y" content="18cafd87-d9e6-4ccd-a452-ccc68fb4f16b" data-expiration="1821966294000"><meta name="shopify-s" content="4f8be238-35d1-4457-821e-c31aca95edf2" data-expiration="1790410494000"><meta name="new-cookie-storage-activated" content="t">
661</head>
662
663  <body class="gradient">
664    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
665      Skip to content
666    </a><!-- BEGIN sections: header-group -->
667<div id="shopify-section-sections--15153164779631__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991686752029" media="print" onload="this.media='all'">
668<link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-search.css?v=130382253973794904871686752029" media="print" onload="this.media='all'">
669<link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-menu-drawer.css?v=160161990486659892291686752029" media="print" onload="this.media='all'">
670<link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-cart-notification.css?v=54116361853792938221686752029" media="print" onload="this.media='all'">
671<link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-cart-items.css?v=4628327769354762111686752029" media="print" onload="this.media='all'"><link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-price.css?v=65402837579211014041686752029" media="print" onload="this.media='all'">
672  <link rel="stylesheet" href="//getuploadkit.com/cdn/shop/t/6/assets/component-loading-overlay.css?v=43236910203777044501686752029" media="print" onload="this.media='all'"><noscript><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991686752029" rel="stylesheet" type="text/css" media="all" /></noscript>
673<noscript><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-search.css?v=130382253973794904871686752029" rel="stylesheet" type="text/css" media="all" /></noscript>
674<noscript><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-menu-drawer.css?v=160161990486659892291686752029" rel="stylesheet" type="text/css" media="all" /></noscript>
675<noscript><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-cart-notification.css?v=54116361853792938221686752029" rel="stylesheet" type="text/css" media="all" /></noscript>
676<noscript><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-cart-items.css?v=4628327769354762111686752029" rel="stylesheet" type="text/css" media="all" /></noscript>
677
678<style>
679  header-drawer {
680    justify-self: start;
681    margin-left: -1.2rem;
682  }@media screen and (min-width: 990px) {
683      header-drawer {
684        display: none;
685      }
686    }.menu-drawer-container {
687    display: flex;
688  }
689
690  .list-menu {
691    list-style: none;
692    padding: 0;
693    margin: 0;
694  }
695
696  .list-menu--inline {
697    display: inline-flex;
698    flex-wrap: wrap;
699  }
700
701  summary.list-menu__item {
702    padding-right: 2.7rem;
703  }
704
705  .list-menu__item {
706    display: flex;
707    align-items: center;
708    line-height: calc(1 + 0.3 / var(--font-body-scale));
709  }
710
711  .list-menu__item--link {
712    text-decoration: none;
713    padding-bottom: 1rem;
714    padding-top: 1rem;
715    line-height: calc(1 + 0.8 / var(--font-body-scale));
716  }
717
718  @media screen and (min-width: 750px) {
719    .list-menu__item--link {
720      padding-bottom: 0.5rem;
721      padding-top: 0.5rem;
722    }
723  }
724</style><style data-shopify>.header {
725    padding-top: 10px;
726    padding-bottom: 10px;
727  }
728
729  .section-header {
730    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
731    margin-bottom: 0px;
732  }
733
734  @media screen and (min-width: 750px) {
735    .section-header {
736      margin-bottom: 0px;
737    }
738  }
739
740  @media screen and (min-width: 990px) {
741    .header {
742      padding-top: 20px;
743      padding-bottom: 20px;
744    }
745  }</style>
745<script src="//getuploadkit.com/cdn/shop/t/6/assets/details-disclosure.js?v=13653116266235556501686752030" defer="defer"></script>
vendor: 1 bytes, line 745
745
746<script src="//getuploadkit.com/cdn/shop/t/6/assets/details-modal.js?v=25581673532751508451686752030" defer="defer"></script>
vendor: 1 bytes, line 746
746
747<script src="//getuploadkit.com/cdn/shop/t/6/assets/cart-notification.js?v=133508293167896966491686752029" defer="defer"></script>
vendor: 1 bytes, line 747
747
748<script src="//getuploadkit.com/cdn/shop/t/6/assets/search-form.js?v=133129549252120666541686752030" defer="defer"></script>
748<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
749  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
750    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
751  </symbol>
752
753  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
754    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
755    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
756    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
757  </symbol>
758
759  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
760    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
761  </symbol>
762</svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center page-width header--has-menu">
763
764<header-drawer data-breakpoint="tablet">
765  <details id="Details-menu-drawer-container" class="menu-drawer-container">
766    <summary
767      class="header__icon header__icon--menu header__icon--summary link focus-inset"
768      aria-label="Menu"
769    >
770      <span>
771        <svg
772  xmlns="http://www.w3.org/2000/svg"
773  aria-hidden="true"
774  focusable="false"
775  class="icon icon-hamburger"
776  fill="none"
777  viewBox="0 0 18 16"
778>
779  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
780</svg>
781
782        <svg
783  xmlns="http://www.w3.org/2000/svg"
784  aria-hidden="true"
785  focusable="false"
786  class="icon icon-close"
787  fill="none"
788  viewBox="0 0 18 17"
789>
790  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
791</svg>
792
793      </span>
794    </summary>
795    <div id="menu-drawer" class="gradient menu-drawer motion-reduce">
796      <div class="menu-drawer__inner-container">
797        <div class="menu-drawer__navigation-container">
798          <nav class="menu-drawer__navigation">
799            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
800                      id="HeaderDrawer-home"
801                      href="/"
802                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
803                      
804                    >
805                      Home
806                    </a></li></ul>
807          </nav>
808          <div class="menu-drawer__utility-links"><ul class="list list-social list-unstyled" role="list"></ul>
809          </div>
810        </div>
811      </div>
812    </div>
813  </details>
814</header-drawer>
815<a href="/" class="header__heading-link link link--text focus-inset"><span class="h2">UploadKit Demo</span></a>
816
817<nav class="header__inline-menu">
818  <ul class="list-menu list-menu--inline" role="list"><li><a
819            id="HeaderMenu-home"
820            href="/"
821            class="header__menu-item list-menu__item link link--text focus-inset"
822            
823          >
824            <span
825            >Home</span>
826          </a></li></ul>
827</nav>
828
829<div class="header__icons">
830      <div class="desktop-localization-wrapper">
831</div>
832      
833
834<details-modal class="header__search">
835  <details>
836    <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
837      <span>
838        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
839          <use href="#icon-search">
840        </svg>
841        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
842          <use href="#icon-close">
843        </svg>
844      </span>
845    </summary>
846    <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
847      <div class="modal-overlay"></div>
848      <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
849              <div class="field">
850                <input class="search__input field__input"
851                  id="Search-In-Modal"
852                  type="search"
853                  name="q"
854                  value=""
855                  placeholder="Search"role="combobox"
856                    aria-expanded="false"
857                    aria-owns="predictive-search-results"
858                    aria-controls="predictive-search-results"
859                    aria-haspopup="listbox"
860                    aria-autocomplete="list"
861                    autocorrect="off"
862                    autocomplete="off"
863                    autocapitalize="off"
864                    spellcheck="false">
865                <label class="field__label" for="Search-In-Modal">Search</label>
866                <input type="hidden" name="options[prefix]" value="last">
867                <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
868                  <svg class="icon icon-close" aria-hidden="true" focusable="false">
869                    <use xlink:href="#icon-reset">
870                  </svg>
871                </button>
872                <button class="search__button field__button" aria-label="Search">
873                  <svg class="icon icon-search" aria-hidden="true" focusable="false">
874                    <use href="#icon-search">
875                  </svg>
876                </button>
877              </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
878                  <div class="predictive-search__loading-state">
879                    <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
880                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
881                    </svg>
882                  </div>
883                </div>
884
885                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
886          <svg class="icon icon-close" aria-hidden="true" focusable="false">
887            <use href="#icon-close">
888          </svg>
889        </button>
890      </div>
891    </div>
892  </details>
893</details-modal>
894
895<a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg
896  class="icon icon-cart-empty"
897  aria-hidden="true"
898  focusable="false"
899  xmlns="http://www.w3.org/2000/svg"
900  viewBox="0 0 40 40"
901  fill="none"
902>
903  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
904</svg>
905<span class="visually-hidden">Cart</span></a>
906    </div>
907  </header>
908</sticky-header>
909
910<cart-notification>
911  <div class="cart-notification-wrapper page-width">
912    <div
913      id="cart-notification"
914      class="cart-notification focus-inset color-background-1 gradient"
915      aria-modal="true"
916      aria-label="Item added to your cart"
917      role="dialog"
918      tabindex="-1"
919    >
920      <div class="cart-notification__header">
921        <h2 class="cart-notification__heading caption-large text-body"><svg
922  class="icon icon-checkmark"
923  aria-hidden="true"
924  focusable="false"
925  xmlns="http://www.w3.org/2000/svg"
926  viewBox="0 0 12 9"
927  fill="none"
928>
929  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
930</svg>
931Item added to your cart
932        </h2>
933        <button
934          type="button"
935          class="cart-notification__close modal__close-button link link--text focus-inset"
936          aria-label="Close"
937        >
938          <svg class="icon icon-close" aria-hidden="true" focusable="false">
939            <use href="#icon-close">
940          </svg>
941        </button>
942      </div>
943      <div id="cart-notification-product" class="cart-notification-product"></div>
944      <div class="cart-notification__links">
945        <a
946          href="/cart"
947          id="cart-notification-button"
948          class="button button--secondary button--full-width"
949        >View cart</a>
950        <form action="/cart" method="post" id="cart-notification-form">
951          <button class="button button--primary button--full-width" name="checkout">
952            Check out
953          </button>
954        </form>
955        <button type="button" class="link button-label">Continue shopping</button>
956      </div>
957    </div>
958  </div>
959</cart-notification>
960<style data-shopify>
961  .cart-notification {
962    display: none;
963  }
964</style>
965
966
967<script type="application/ld+json">
968  {
969    "@context": "http://schema.org",
970    "@type": "Organization",
971    "name": "UploadKit Demo",
972    
973    "sameAs": [
974      "",
975      "",
976      "",
977      "",
978      "",
979      "",
980      "",
981      "",
982      ""
983    ],
984    "url": "https:\/\/getuploadkit.com"
985  }
986</script>
986
987</div>
988<!-- END sections: header-group -->
989
990    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
991      <section id="shopify-section-template--15153164451951__main" class="shopify-section section"><section
992  id="MainProduct-template--15153164451951__main"
993  class="page-width section-template--15153164451951__main-padding"
994  data-section="template--15153164451951__main"
995>
996  <link href="//getuploadkit.com/cdn/shop/t/6/assets/section-main-product.css?v=103454145930311913411686752030" rel="stylesheet" type="text/css" media="all" />
997  <link href="//getuploadkit.com/cdn/shop/t/6/assets/component-accordion.css?v=180964204318874863811686752029" rel="stylesheet" type="text/css" media="all" />
998  <link href="//getuploadkit.com/cdn/shop/t/6/assets/component-price.css?v=65402837579211014041686752029" rel="stylesheet" type="text/css" media="all" />
999  <link href="//getuploadkit.com/cdn/shop/t/6/assets/component-slider.css?v=142503135496229589681686752029" rel="stylesheet" type="text/css" media="all" />
1000  <link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
1001  <link href="//getuploadkit.com/cdn/shop/t/6/assets/component-loading-overlay.css?v=43236910203777044501686752029" rel="stylesheet" type="text/css" media="all" />
1002  <link href="//getuploadkit.com/cdn/shop/t/6/assets/component-deferred-media.css?v=14096082462203297471686752029" rel="stylesheet" type="text/css" media="all" />
1003<style data-shopify>.section-template--15153164451951__main-padding {
1004      padding-top: 27px;
1005      padding-bottom: 9px;
1006    }
1007
1008    @media screen and (min-width: 750px) {
1009      .section-template--15153164451951__main-padding {
1010        padding-top: 36px;
1011        padding-bottom: 12px;
1012      }
1013    }</style>
1013<script src="//getuploadkit.com/cdn/shop/t/6/assets/product-info.js?v=68469288658591082901686752030" defer="defer"></script>
1013
1014  
1014<script src="//getuploadkit.com/cdn/shop/t/6/assets/product-form.js?v=138816392078825582251686752030" defer="defer"></script>
1014
1015  
1016
1017
1018  <div class="product product--small product--left product--stacked product--mobile-hide grid grid--1-col grid--2-col-tablet">
1019    <div class="grid__item product__media-wrapper">
1020      
1021<media-gallery
1022  id="MediaGallery-template--15153164451951__main"
1023  role="region"
1024  
1025    class="product__column-sticky"
1026  
1027  aria-label="Gallery Viewer"
1028  data-desktop-layout="stacked"
1029>
1030  <div id="GalleryStatus-template--15153164451951__main" class="visually-hidden" role="status"></div>
1031  <slider-component id="GalleryViewer-template--15153164451951__main" class="slider-mobile-gutter"><a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--15153164451951__main">
1032        Skip to product information
1033      </a><ul
1034      id="Slider-Gallery-template--15153164451951__main"
1035      class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
1036      role="list"
1037    ><li
1038            id="Slide-template--15153164451951__main-29110179037295"
1039            class="product__media-item grid__item slider__slide is-active scroll-tr
1039igger animate--fade-in"
1040            data-media-id="template--15153164451951__main-29110179037295"
1041          >
1042
1043<div
1044  class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height"
1045  style="--ratio: 1.0; --preview-ratio: 1.0;"
1046>
1047  <noscript><div class="product__media media">
1048        <img src="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1946" alt="" srcset="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=246 246w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=493 493w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=600 600w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=713 713w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=823 823w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=990 990w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1100 1100w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1206 1206w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1346 1346w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1426 1426w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1646 1646w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1946 1946w" width="1946" height="1946" sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
1049      </div></noscript>
1050
1051  <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--15153164451951__main">
1052    <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg
1053  aria-hidden="true"
1054  focusable="false"
1055  class="icon icon-plus"
1056  width="19"
1057  height="19"
1058  viewBox="0 0 19 19"
1059  fill="none"
1060  xmlns="http://www.w3.org/2000/svg"
1061>
1062  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/>
1063  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/>
1064  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/>
1065</svg>
1066</span>
1067    <div class="loading-overlay__spinner hidden">
1068      <svg
1069        aria-hidden="true"
1070        focusable="false"
1071        class="spinner"
1072        viewBox="0 0 66 66"
1073        xmlns="http://www.w3.org/2000/svg"
1074      >
1075        <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
1076      </svg>
1077    </div>
1078    <div class="product__media media media--transparent">
1079      <img src="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1946" alt="" srcset="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=246 246w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=493 493w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=600 600w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=713 713w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=823 823w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=990 990w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1100 1100w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1206 1206w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1346 1346w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1426 1426w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1646 1646w, //getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&amp;width=1946 1946w" width="1946" height="1946" class="image-magnify-lightbox" sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
1080    </div>
1081    <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="29110179037295">
1082      <span class="visually-hidden">
1083        Open media 1 in modal
1084      </span>
1085    </button>
1086  </modal-opener></div>
1087
1088          </li></ul><div class="slider-buttons no-js-hidden quick-add-hidden small-hide">
1089        <button
1090          type="button"
1091          class="slider-button slider-button--prev"
1092          name="previous"
1093          aria-label="Slide left"
1094        >
1095          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1096  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1097</svg>
1098
1099        </button>
1100        <div class="slider-counter caption">
1101          <span class="slider-counter--current">1</span>
1102          <span aria-hidden="true"> / </span>
1103          <span class="visually-hidden">of</span>
1104          <span class="slider-counter--total">1</span>
1105        </div>
1106        <button
1107          type="button"
1108          class="slider-button slider-button--next"
1109          name="next"
1110          aria-label="Slide right"
1111        >
1112          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1113  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1114</svg>
1115
1116        </button>
1117      </div></slider-component></media-gallery>
1118
1119    </div>
1120    <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
1121      <product-info
1122        id="ProductInfo-template--15153164451951__main"
1123        data-section="template--15153164451951__main"
1124        data-url="/products/preview-pdf-files"
1125        class="product__info-container product__column-sticky"
1126      ><p
1127                class="product__text inline-richtext caption-with-letter-spacing"
1128                
1129              >Sample product</p><div class="product__title" >
1130                <h1>Preview PDF files</h1>
1131                <a href="/products/preview-pdf-files" class="product__title">
1132                  <h2 class="h1">
1133                    Preview PDF files
1134                  </h2>
1135                </a>
1136              </div><div class="no-js-hidden" id="price-template--15153164451951__main" role="status" >
1137<div
1138  class="
1139    price price--large price--show-badge"
1140>
1141  <div class="price__container"><div class="price__regular">
1142      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1143      <span class="price-item price-item--regular">
1144        $8.99 <small>(demo product price)</small>
1145      </span>
1146    </div>
1147    <div class="price__sale">
1148        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1149        <span>
1150          <s class="price-item price-item--regular">
1151            
1152              
1153            
1154          </s>
1155        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
1156      <span class="price-item price-item--sale price-item--last">
1157        $8.99 <small>(demo product price)</small>
1158      </span>
1159    </div>
1160    <small class="unit-price caption hidden">
1161      <span class="visually-hidden">Unit price</span>
1162      <span class="price-item price-item--last">
1163        <span></span>
1164        <span aria-hidden="true">/</span>
1165        <span class="visually-hidden">&nbsp;per&nbsp;</span>
1166        <span>
1167        </span>
1168      </span>
1169    </small>
1170  </div><span class="badge price__badge-sale color-accent-2">
1171      Sale
1172    </span>
1173
1174    <span class="badge price__badge-sold-out color-inverse">
1175      Sold out
1176    </span></div>
1177</div><div class="product__tax caption rte">Tax included.
1178</div><div ><form method="post" action="/cart/add" id="product-form-installment-template--15153164451951__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="42990166605935">
1179                  
1180<input type="hidden" name="product-id" value="7791438168175" /><input type="hidden" name="section-id" value="template--15153164451951__main" /></form></div><div class="product__description rte quick-add-hidden" >
1181                  <p>Your customers can upload PDF files and we'll show them a preview post-upload. We've uploaded a sample PDF file for you already, but feel free to remove it and upload your own.</p>
1182
1183<script>
1184  window.UploadKit = window.UploadKit || {}
1185  window.UploadKit.callbacks = window.UploadKit.callbacks || {} 
1186  window.UploadKit.callbacks.uploadcareReady = function() {
1187    uploader = window.UploadKit.config.uploaders.find(u => u.id === "45ff7b1b-973e-4241-8a17-ce1f7632e98a")
1188    uuids = ["ae7fd7d3-b623-493e-b42d-80c181b570ba"]
1189    window.UploadKit.addFilesFromUuids(uploader, uuids);
1190  }
1191</script>
1191
1192                </div>
1193<noscript class="product-form__noscript-wrapper-template--15153164451951__main">
1194  <div class="product-form__input hidden">
1195    <label class="form__label" for="Variants-template--15153164451951__main">Product variants</label>
1196    <div class="select">
1197      <select
1198        name="id"
1199        id="Variants-template--15153164451951__main"
1200        class="select__select"
1201        form="product-form-template--15153164451951__main"
1202      ><option
1203            
1204              selected="selected"
1205            
1206            
1207            value="42990166605935"
1208          >Default Title - $8.99</option></select>
1209      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1210  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1211</svg>
1212
1213    </div>
1214  </div>
1215</noscript>
1216
1217<div
1218                id="Quantity-Form-template--15153164451951__main"
1219                class="product-form__input product-form__quantity"
1220                
1221              >
1222                
1223                
1224
1225                <label class="quantity__label form__label" for="Quantity-template--15153164451951__main">
1226                  Quantity
1227                  <span class="quantity__rules-cart no-js-hidden hidden">
1228                    <span class="loading-overlay hidden">
1229                      <span class="loading-overlay__spinner">
1230                        <svg
1231                          aria-hidden="true"
1232                          focusable="false"
1233                          class="spinner"
1234                          viewBox="0 0 66 66"
1235                          xmlns="http://www.w3.org/2000/svg"
1236                        >
1237                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1238                        </svg>
1239                      </span>
1240                    </span>
1241                    <span>(<span class="quantity-cart">0</span> in cart)</span>
1242                  </span>
1243                </label>
1244                <quantity-input class="quantity">
1245                  <button class="quantity__button no-js-hidden" name="minus" type="button">
1246                    <span class="visually-hidden">Decrease quantity for Preview PDF files</span>
1247                    <svg
1248  xmlns="http://www.w3.org/2000/svg"
1249  aria-hidden="true"
1250  focusable="false"
1251  class="icon icon-minus"
1252  fill="none"
1253  viewBox="0 0 10 2"
1254>
1255  <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
1256</svg>
1257
1258                  </button>
1259                  <input
1260                    class="quantity__input"
1261                    type="number"
1262                    name="quantity"
1263                    id="Quantity-template--15153164451951__main"
1264                    data-cart-quantity="0"
1265                    data-min="1"
1266                    min="1"
1267                    
1268                    step="1"
1269                    value="1"
1270                    form="product-form-template--15153164451951__main"
1271                  />
1272                  <button class="quantity__button no-js-hidden" name="plus" type="button">
1273                    <span class="visually-hidden">Increase quantity for Preview PDF files</span>
1274                    <svg
1275  xmlns="http://www.w3.org/2000/svg"
1276  aria-hidden="true"
1277  focusable="false"
1278  class="icon icon-plus"
1279  fill="none"
1280  viewBox="0 0 10 10"
1281>
1282  <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
1283</svg>
1284
1285                  </button>
1286                </quantity-input>
1287                <div class="quantity__rules caption no-js-hidden"></div>
1288              </div>
1289<div ><product-form class="product-form" data-hide-errors="false">
1290      <div class="product-form__error-message-wrapper" role="alert" hidden>
1291        <svg
1292          aria-hidden="true"
1293          focusable="false"
1294          class="icon icon-error"
1295          viewBox="0 0 13 13"
1296        >
1297          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
1298          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
1299          <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
1300          <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7">
1301        </svg>
1302        <span class="product-form__error-message"></span>
1303      </div><form method="post" action="/cart/add" id="product-form-template--15153164451951__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
1304          type="hidden"
1305          name="id"
1306          value="42990166605935"
1307          disabled
1308          class="product-variant-id"
1309        ><div class="product-form__buttons"><button
1310            id = "ProductSubmitButton-template--15153164451951__main"
1311            type="submit"
1312            name="add"
1313            class="product-form__submit button button--full-width button--secondary"
1314            
1315          >
1316            <span>Add to cart
1317</span>
1318            <div class="loading-overlay__spinner hidden">
1319              <svg
1320                aria-hidden="true"
1321                focusable="false"
1322                class="spinner"
1323                viewBox="0 0 66 66"
1324                xmlns="http://www.w3.org/2000/svg"
1325              >
1326                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1327              </svg>
1328            </div>
1329          </button><div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="null" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="58a5a4a4f4ff7a769487d4098a23e03e" buyer-country="US" buyer-locale="en" buyer-currency="USD" variant-params="[{&quot;id&quot;:42990166605935,&quot;requiresShipping&quot;:true}]" shop-id="3348070511" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" disable-compat > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> </shopify-accelerated-checkout> </div>
1330</div><input type="hidden" name="product-id" value="7791438168175" /><input type="hidden" name="section-id" value="template--15153164451951__main" /></form></product-form><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-pickup-availability.css?v=34645222959864780961686752029" rel="stylesheet" type="text/css" media="all" />
1331<pickup-availability
1332      class="product__pickup-availabilities no-js-hidden quick-add-hidden"
1333      
1334      data-root-url="/"
1335      data-variant-id="42990166605935"
1336      data-has-only-default-variant="true"
1337    >
1338      <template>
1339        <pickup-availability-preview class="pickup-availability-preview">
1340          <svg
1341  xmlns="http://www.w3.org/2000/svg"
1342  fill="none"
1343  aria-hidden="true"
1344  focusable="false"
1345  class="icon icon-unavailable"
1346  fill="none"
1347  viewBox="0 0 20 20"
1348>
1349  <path fill="#DE3618" stroke="#fff" d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z"/>
1350</svg>
1351
1352          <div class="pickup-availability-info">
1353            <p class="caption-large">Couldn&#39;t load pickup availability</p>
1354            <button class="pickup-availability-button link link--text underlined-link">
1355              Refresh
1356            </button>
1357          </div>
1358        </pickup-availability-preview>
1359      </template>
1360    </pickup-availability>
1361
1362    
1362<script src="//getuploadkit.com/cdn/shop/t/6/assets/pickup-availability.js?v=7543877057949731971686752030" defer="defer"></script>
1362</div>
1363
1364              
1365<script src="//getuploadkit.com/cdn/shop/t/6/assets/share.js?v=13024540447964430191686752030" defer="defer"></script>
1365
1366
1367<share-button id="Share-template--15153164451951__main" class="share-button quick-add-hidden" >
1368  <button class="share-button__button hidden">
1369    <svg
1370  width="13"
1371  height="12"
1372  viewBox="0 0 13 12"
1373  class="icon icon-share"
1374  fill="none"
1375  xmlns="http://www.w3.org/2000/svg"
1376  aria-hidden="true"
1377  focusable="false"
1378>
1379  <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1380  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/>
1381  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/>
1382</svg>
1383
1384    Share
1385  </button>
1386  <details id="Details-share-template--15153164451951__main">
1387    <summary class="share-button__button">
1388      <svg
1389  width="13"
1390  height="12"
1391  viewBox="0 0 13 12"
1392  class="icon icon-share"
1393  fill="none"
1394  xmlns="http://www.w3.org/2000/svg"
1395  aria-hidden="true"
1396  focusable="false"
1397>
1398  <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1399  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/>
1400  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/>
1401</svg>
1402
1403      Share
1404    </summary>
1405    <div class="share-button__fallback motion-reduce">
1406      <div class="field">
1407        <span id="ShareMessage-template--15153164451951__main" class="share-button__message hidden" role="status"> </span>
1408        <input
1409          type="text"
1410          class="field__input"
1411          id="ShareUrl-template--15153164451951__main"
1412          value="https://getuploadkit.com/products/preview-pdf-files"
1413          placeholder="Link"
1414          onclick="this.select();"
1415          readonly
1416        >
1417        <label class="field__label" for="ShareUrl-template--15153164451951__main">Link</label>
1418      </div>
1419      <button class="share-button__close hidden no-js-hidden">
1420        <svg
1421  xmlns="http://www.w3.org/2000/svg"
1422  aria-hidden="true"
1423  focusable="false"
1424  class="icon icon-close"
1425  fill="none"
1426  viewBox="0 0 18 17"
1427>
1428  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1429</svg>
1430
1431        <span class="visually-hidden">Close share</span>
1432      </button>
1433      <button class="share-button__copy no-js-hidden">
1434        <svg
1435  class="icon icon-clipboard"
1436  width="11"
1437  height="13"
1438  fill="none"
1439  xmlns="http://www.w3.org/2000/svg"
1440  aria-hidden="true"
1441  focusable="false"
1442  viewBox="0 0 11 13"
1443>
1444  <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/>
1445</svg>
1446
1447        <span class="visually-hidden">Copy link</span>
1448      </button>
1449    </div>
1450  </details>
1451</share-button>
1452
1453<a href="/products/preview-pdf-files" class="link product__view-details animate-arrow">
1454          View full details
1455          <svg
1456  viewBox="0 0 14 10"
1457  fill="none"
1458  aria-hidden="true"
1459  focusable="false"
1460  class="icon icon-arrow"
1461  xmlns="http://www.w3.org/2000/svg"
1462>
1463  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1464</svg>
1465
1466        </a>
1467      </product-info>
1468    </div></div>
1469
1470  
1471
1472<product-modal id="ProductModal-template--15153164451951__main" class="product-media-modal media-modal">
1473  <div
1474    class="product-media-modal__dialog"
1475    role="dialog"
1476    aria-label="Media gallery"
1477    aria-modal="true"
1478    tabindex="-1"
1479  >
1480    <button
1481      id="ModalClose-template--15153164451951__main"
1482      type="button"
1483      class="product-media-modal__toggle"
1484      aria-label="Close"
1485    >
1486      <svg
1487  xmlns="http://www.w3.org/2000/svg"
1488  aria-hidden="true"
1489  focusable="false"
1490  class="icon icon-close"
1491  fill="none"
1492  viewBox="0 0 18 17"
1493>
1494  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1495</svg>
1496
1497    </button>
1498
1499    <div
1500      class="product-media-modal__content color-background-1 gradient"
1501      role="document"
1502      aria-label="Media gallery"
1503      tabindex="0"
1504    >
1505<img
1506    class="global-media-settings global-media-settings--no-shadow"
1507    srcset="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=550 550w,//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364 1024w"
1508    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
1509    src="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=1445"
1510    alt="Preview PDF files"
1511    loading="lazy"
1512    width="1100"
1513    height="1100"
1514    data-media-id="29110179037295"
1515  ></div>
1516  </div>
1517</product-modal>
1518
1519
1520  
1521<script src="//getuploadkit.com/cdn/shop/t/6/assets/product-modal.js?v=116616134454508949461686752030" defer="defer"></script>
1521
1522    
1522<script src="//getuploadkit.com/cdn/shop/t/6/assets/media-gallery.js?v=96661908581229995091686752030" defer="defer"></script>
1522<script>
1523    document.addEventListener('DOMContentLoaded', function () {
1524      function isIE() {
1525        const ua = window.navigator.userAgent;
1526        const msie = ua.indexOf('MSIE ');
1527        const trident = ua.indexOf('Trident/');
1528
1529        return msie > 0 || trident > 0;
1530      }
1531
1532      if (!isIE()) return;
1533      const hiddenInput = document.querySelector('#product-form-template--15153164451951__main input[name="id"]');
1534      const noScriptInputWrapper = document.createElement('div');
1535      const variantSwitcher =
1536        document.querySelector('variant-radios[data-section="template--15153164451951__main"]') ||
1537        document.querySelector('variant-selects[data-section="template--15153164451951__main"]');
1538      noScriptInputWrapper.innerHTML = document.querySelector(
1539        '.product-form__noscript-wrapper-template--15153164451951__main'
1540      ).textContent;
1541      variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
1542
1543      document.querySelector('#Variants-template--15153164451951__main').addEventListener('change', function (event) {
1544        hiddenInput.value = event.currentTarget.value;
1545      });
1546    });
1547  </script>
1547<script type="application/ld+json">
1548    {
1549      "@context": "http://schema.org/",
1550      "@type": "Product",
1551      "name": "Preview PDF files",
1552      "url": "https:\/\/getuploadkit.com\/products\/preview-pdf-files",
1553      "image": [
1554          "https:\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364\u0026width=1920"
1555        ],
1556      "description": "Your customers can upload PDF files and we'll show them a preview post-upload. We've uploaded a sample PDF file for you already, but feel free to remove it and upload your own.\n\n",
1557      
1558      "brand": {
1559        "@type": "Brand",
1560        "name": "Sample product"
1561      },
1562      "offers": [{
1563            "@type" : "Offer","availability" : "http://schema.org/InStock",
1564            "price" : 8.99,
1565            "priceCurrency" : "USD",
1566            "url" : "https:\/\/getuploadkit.com\/products\/preview-pdf-files?variant=42990166605935"
1567          }
1568]
1569    }
1570  </script>
1570
1571</section>
1572
1573
1574</section><section id="shopify-section-template--15153164451951__52919158-607b-49e1-b967-1945d1dcb5b2" class="shopify-section section"><style data-shopify>.section-template--15153164451951__52919158-607b-49e1-b967-1945d1dcb5b2-padding {
1575    padding-top: calc(40px * 0.75);
1576    padding-bottom: calc(52px  * 0.75);
1577  }
1578
1579  @media screen and (min-width: 750px) {
1580    .section-template--15153164451951__52919158-607b-49e1-b967-1945d1dcb5b2-padding {
1581      padding-top: 40px;
1582      padding-bottom: 52px;
1583    }
1584  }</style><div class="color-background-1 gradient">
1585  <div class="section-template--15153164451951__52919158-607b-49e1-b967-1945d1dcb5b2-padding">
1586    
1587  </div>
1588</div>
1589
1590
1591</section><section id="shopify-section-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4" class="shopify-section section"><link href="//getuploadkit.com/cdn/shop/t/6/assets/component-card.css?v=153897544549437130131686752029" rel="stylesheet" type="text/css" media="all" />
1592<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-price.css?v=65402837579211014041686752029" rel="stylesheet" type="text/css" media="all" />
1593
1594<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-slider.css?v=142503135496229589681686752029" rel="stylesheet" type="text/css" media="all" />
1595<link href="//getuploadkit.com/cdn/shop/t/6/assets/template-collection.css?v=145944865380958730931686752030" rel="stylesheet" type="text/css" media="all" />
1596
1597<style data-shopify>.section-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-padding {
1598    padding-top: 27px;
1599    padding-bottom: 27px;
1600  }
1601
1602  @media screen and (min-width: 750px) {
1603    .section-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-padding {
1604      padding-top: 36px;
1605      padding-bottom: 36px;
1606    }
1607  }</style><div class="color-background-1 isolate gradient">
1608  <div class="collection section-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-padding">
1609    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
1610          More UploadKit options
1611        </h2></div>
1612
1613    <slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in">
1614      <ul
1615        id="Slider-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4"
1616        class="grid product-grid contains-card contains-card--product grid--4-col-desktop grid--2-col-tablet-down"
1617        role="list"
1618        aria-label="Slider"
1619      ><li
1620            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1"
1621            class="grid__item scroll-trigger animate--slide-in"
1622            
1623              data-cascade
1624              style="--animation-order: 1;"
1625            
1626          >
1627            
1628
1629<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
1630<div class="card-wrapper product-card-wrapper underline-links-hover">
1631    <div
1632      class="
1633        card
1634        card--card
1635         card--media
1636         color-inverse gradient
1637        
1638        
1639        
1640        
1641      "
1642      style="--ratio-percent: 100.0%;"
1643    >
1644      <div
1645        class="card__inner  ratio"
1646        style="--ratio-percent: 100.0%;"
1647      ><div class="card__media">
1648            <div class="media media--transparent media--hover-effect">
1649              
1650              <img
1651                srcset="//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594&width=165 165w,//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594&width=360 360w,//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594&width=533 533w,//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594&width=720 720w,//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594&width=940 940w,//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594 1024w
1652                "
1653                src="//getuploadkit.com/cdn/shop/files/renaissance-dog.png?v=1690461594&width=533"
1654                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
1655                alt="Accept a single image only and allow enhancements"
1656                class="motion-reduce"
1657                
1658                  loading="lazy"
1659                
1660                width="1024"
1661                height="1024"
1662              >
1663              
1664</div>
1665          </div><div class="card__content">
1666          <div class="card__information">
1667            <h3
1668              class="card__heading"
1669              
1670            >
1671              <a
1672                href="/products/accept-a-single-image-only-and-allow-enhancements"
1673                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087"
1674                class="full-unstyled-link"
1675                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087"
1676              >
1677                Accept a single image only and allow enhancements
1678              </a>
1679            </h3>
1680          </div>
1681          <div class="card__badge bottom left"></div>
1682        </div>
1683      </div>
1684      <div class="card__content">
1685        <div class="card__information">
1686          <h3
1687            class="card__heading h3"
1688            
1689              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087"
1690            
1691          >
1692            <a
1693              href="/products/accept-a-single-image-only-and-allow-enhancements"
1694              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087"
1695              class="full-unstyled-link"
1696              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888703087"
1697            >
1698              Accept a single image only and allow enhancements
1699            </a>
1700          </h3>
1701          <div class="card-information"><span class="caption-large light"></span>
1702<div
1703  class="
1704    price "
1705>
1706  <div class="price__container"><div class="price__regular">
1707      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1708      <span class="price-item price-item--regular">
1709        $29.99 <small>(demo product price)</small>
1710      </span>
1711    </div>
1712    <div class="price__sale">
1713        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1714        <span>
1715          <s class="price-item price-item--regular">
1716            
1717              
1718            
1719          </s>
1720        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
1721      <span class="price-item price-item--sale price-item--last">
1722        $29.99 <small>(demo product price)</small>
1723      </span>
1724    </div>
1725    <small class="unit-price caption hidden">
1726      <span class="visually-hidden">Unit price</span>
1727      <span class="price-item price-item--last">
1728        <span></span>
1729        <span aria-hidden="true">/</span>
1730        <span class="visually-hidden">&nbsp;per&nbsp;</span>
1731        <span>
1732        </span>
1733      </span>
1734    </small>
1735  </div></div>
1736
1737          </div>
1738        </div><div class="card__badge bottom left"></div>
1739      </div>
1740    </div>
1741  </div>
1742          </li><li
1743            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-2"
1744            class="grid__item scroll-trigger animate--slide-in"
1745            
1746              data-cascade
1747              style="--animation-order: 2;"
1748            
1749          >
1750            
1751
1752<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
1753<div class="card-wrapper product-card-wrapper underline-links-hover">
1754    <div
1755      class="
1756        card
1757        card--card
1758         card--media
1759         color-inverse gradient
1760        
1761        
1762        
1763        
1764      "
1765      style="--ratio-percent: 100.0%;"
1766    >
1767      <div
1768        class="card__inner  ratio"
1769        style="--ratio-percent: 100.0%;"
1770      ><div class="card__media">
1771            <div class="media media--transparent media--hover-effect">
1772              
1773              <img
1774                srcset="//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069&width=165 165w,//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069&width=360 360w,//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069&width=533 533w,//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069&width=720 720w,//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069&width=940 940w,//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069 1024w
1775                "
1776                src="//getuploadkit.com/cdn/shop/files/t-shirt.png?v=1686819069&width=533"
1777                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
1778                alt="Add multiple upload fields to a product"
1779                class="motion-reduce"
1780                
1781                  loading="lazy"
1782                
1783                width="1024"
1784                height="1024"
1785              >
1786              
1787</div>
1788          </div><div class="card__content">
1789          <div class="card__information">
1790            <h3
1791              class="card__heading"
1792              
1793            >
1794              <a
1795                href="/products/custom-printed-t-shirt"
1796                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047"
1797                class="full-unstyled-link"
1798                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047"
1799              >
1800                Add multiple upload fields to a product
1801              </a>
1802            </h3>
1803          </div>
1804          <div class="card__badge bottom left"></div>
1805        </div>
1806      </div>
1807      <div class="card__content">
1808        <div class="card__information">
1809          <h3
1810            class="card__heading h3"
1811            
1812              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047"
1813            
1814          >
1815            <a
1816              href="/products/custom-printed-t-shirt"
1817              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047"
1818              class="full-unstyled-link"
1819              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-1458448040047"
1820            >
1821              Add multiple upload fields to a product
1822            </a>
1823          </h3>
1824          <div class="card-information"><span class="caption-large light"></span>
1825<div
1826  class="
1827    price "
1828>
1829  <div class="price__container"><div class="price__regular">
1830      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1831      <span class="price-item price-item--regular">
1832        $20.00 <small>(demo product price)</small>
1833      </span>
1834    </div>
1835    <div class="price__sale">
1836        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1837        <span>
1838          <s class="price-item price-item--regular">
1839            
1840              
1841            
1842          </s>
1843        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
1844      <span class="price-item price-item--sale price-item--last">
1845        $20.00 <small>(demo product price)</small>
1846      </span>
1847    </div>
1848    <small class="unit-price caption hidden">
1849      <span class="visually-hidden">Unit price</span>
1850      <span class="price-item price-item--last">
1851        <span></span>
1852        <span aria-hidden="true">/</span>
1853        <span class="visually-hidden">&nbsp;per&nbsp;</span>
1854        <span>
1855        </span>
1856      </span>
1857    </small>
1858  </div></div>
1859
1860          </div>
1861        </div><div class="card__badge bottom left"></div>
1862      </div>
1863    </div>
1864  </div>
1865          </li><li
1866            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-3"
1867            class="grid__item scroll-trigger animate--slide-in"
1868            
1869              data-cascade
1870              style="--animation-order: 3;"
1871            
1872          >
1873            
1874
1875<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
1876<div class="card-wrapper product-card-wrapper underline-links-hover">
1877    <div
1878      class="
1879        card
1880        card--card
1881         card--media
1882         color-inverse gradient
1883        
1884        
1885        
1886        
1887      "
1888      style="--ratio-percent: 100.0%;"
1889    >
1890      <div
1891        class="card__inner  ratio"
1892        style="--ratio-percent: 100.0%;"
1893      ><div class="card__media">
1894            <div class="media media--transparent media--hover-effect">
1895              
1896              <img
1897                srcset="//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763&width=165 165w,//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763&width=360 360w,//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763&width=533 533w,//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763&width=720 720w,//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763&width=940 940w,//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763 1024w
1898                "
1899                src="//getuploadkit.com/cdn/shop/files/circle-photo-bracelet.png?v=1686749763&width=533"
1900                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
1901                alt="Apply a circle crop to an uploaded image"
1902                class="motion-reduce"
1903                
1904                  loading="lazy"
1905                
1906                width="1024"
1907                height="1024"
1908              >
1909              
1910</div>
1911          </div><div class="card__content">
1912          <div class="card__information">
1913            <h3
1914              class="card__heading"
1915              
1916            >
1917              <a
1918                href="/products/apply-a-circle-crop-to-an-uploaded-image"
1919                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247"
1920                class="full-unstyled-link"
1921                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247"
1922              >
1923                Apply a circle crop to an uploaded image
1924              </a>
1925            </h3>
1926          </div>
1927          <div class="card__badge bottom left"></div>
1928        </div>
1929      </div>
1930      <div class="card__content">
1931        <div class="card__information">
1932          <h3
1933            class="card__heading h3"
1934            
1935              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247"
1936            
1937          >
1938            <a
1939              href="/products/apply-a-circle-crop-to-an-uploaded-image"
1940              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247"
1941              class="full-unstyled-link"
1942              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116888539247"
1943            >
1944              Apply a circle crop to an uploaded image
1945            </a>
1946          </h3>
1947          <div class="card-information"><span class="caption-large light"></span>
1948<div
1949  class="
1950    price "
1951>
1952  <div class="price__container"><div class="price__regular">
1953      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1954      <span class="price-item price-item--regular">
1955        $34.99 <small>(demo product price)</small>
1956      </span>
1957    </div>
1958    <div class="price__sale">
1959        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1960        <span>
1961          <s class="price-item price-item--regular">
1962            
1963              
1964            
1965          </s>
1966        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
1967      <span class="price-item price-item--sale price-item--last">
1968        $34.99 <small>(demo product price)</small>
1969      </span>
1970    </div>
1971    <small class="unit-price caption hidden">
1972      <span class="visually-hidden">Unit price</span>
1973      <span class="price-item price-item--last">
1974        <span></span>
1975        <span aria-hidden="true">/</span>
1976        <span class="visually-hidden">&nbsp;per&nbsp;</span>
1977        <span>
1978        </span>
1979      </span>
1980    </small>
1981  </div></div>
1982
1983          </div>
1984        </div><div class="card__badge bottom left"></div>
1985      </div>
1986    </div>
1987  </div>
1988          </li><li
1989            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-4"
1990            class="grid__item scroll-trigger animate--slide-in"
1991            
1992              data-cascade
1993              style="--animation-order: 4;"
1994            
1995          >
1996            
1997
1998<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
1999<div class="card-wrapper product-card-wrapper underline-links-hover">
2000    <div
2001      class="
2002        card
2003        card--card
2004         card--media
2005         color-inverse gradient
2006        
2007        
2008        
2009        
2010      "
2011      style="--ratio-percent: 100.0%;"
2012    >
2013      <div
2014        class="card__inner  ratio"
2015        style="--ratio-percent: 100.0%;"
2016      ><div class="card__media">
2017            <div class="media media--transparent media--hover-effect">
2018              
2019              <img
2020                srcset="//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594&width=165 165w,//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594&width=360 360w,//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594&width=533 533w,//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594&width=720 720w,//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594&width=940 940w,//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594 1024w
2021                "
2022                src="//getuploadkit.com/cdn/shop/files/photo-prints.png?v=1686814594&width=533"
2023                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2024                alt="Upload multiple files of any type"
2025                class="motion-reduce"
2026                
2027                  loading="lazy"
2028                
2029                width="1024"
2030                height="1024"
2031              >
2032              
2033</div>
2034          </div><div class="card__content">
2035          <div class="card__information">
2036            <h3
2037              class="card__heading"
2038              
2039            >
2040              <a
2041                href="/products/upload-multiple-files-of-any-type"
2042                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463"
2043                class="full-unstyled-link"
2044                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463"
2045              >
2046                Upload multiple files of any type
2047              </a>
2048            </h3>
2049          </div>
2050          <div class="card__badge bottom left"></div>
2051        </div>
2052      </div>
2053      <div class="card__content">
2054        <div class="card__information">
2055          <h3
2056            class="card__heading h3"
2057            
2058              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463"
2059            
2060          >
2061            <a
2062              href="/products/upload-multiple-files-of-any-type"
2063              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463"
2064              class="full-unstyled-link"
2065              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116970852463"
2066            >
2067              Upload multiple files of any type
2068            </a>
2069          </h3>
2070          <div class="card-information"><span class="caption-large light"></span>
2071<div
2072  class="
2073    price "
2074>
2075  <div class="price__container"><div class="price__regular">
2076      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2077      <span class="price-item price-item--regular">
2078        $1.99 <small>(demo product price)</small>
2079      </span>
2080    </div>
2081    <div class="price__sale">
2082        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2083        <span>
2084          <s class="price-item price-item--regular">
2085            
2086              
2087            
2088          </s>
2089        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2090      <span class="price-item price-item--sale price-item--last">
2091        $1.99 <small>(demo product price)</small>
2092      </span>
2093    </div>
2094    <small class="unit-price caption hidden">
2095      <span class="visually-hidden">Unit price</span>
2096      <span class="price-item price-item--last">
2097        <span></span>
2098        <span aria-hidden="true">/</span>
2099        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2100        <span>
2101        </span>
2102      </span>
2103    </small>
2104  </div></div>
2105
2106          </div>
2107        </div><div class="card__badge bottom left"></div>
2108      </div>
2109    </div>
2110  </div>
2111          </li><li
2112            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-5"
2113            class="grid__item scroll-trigger animate--slide-in"
2114            
2115              data-cascade
2116              style="--animation-order: 5;"
2117            
2118          >
2119            
2120
2121<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2122<div class="card-wrapper product-card-wrapper underline-links-hover">
2123    <div
2124      class="
2125        card
2126        card--card
2127         card--media
2128         color-inverse gradient
2129        
2130        
2131        
2132        
2133      "
2134      style="--ratio-percent: 100.0%;"
2135    >
2136      <div
2137        class="card__inner  ratio"
2138        style="--ratio-percent: 100.0%;"
2139      ><div class="card__media">
2140            <div class="media media--transparent media--hover-effect">
2141              
2142              <img
2143                srcset="//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246&width=165 165w,//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246&width=360 360w,//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246&width=533 533w,//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246&width=720 720w,//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246&width=940 940w,//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246 1024w
2144                "
2145                src="//getuploadkit.com/cdn/shop/files/packing-box.png?v=1686819246&width=533"
2146                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2147                alt="Add a field for optional printing (add-on pricing)"
2148                class="motion-reduce"
2149                
2150                  loading="lazy"
2151                
2152                width="1024"
2153                height="1024"
2154              >
2155              
2156</div>
2157          </div><div class="card__content">
2158          <div class="card__information">
2159            <h3
2160              class="card__heading"
2161              
2162            >
2163              <a
2164                href="/products/add-a-field-for-optional-printing-ad
2164d-on-pricing"
2165                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663"
2166                class="full-unstyled-link"
2167                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663"
2168              >
2169                Add a field for optional printing (add-on pricing)
2170              </a>
2171            </h3>
2172          </div>
2173          <div class="card__badge bottom left"></div>
2174        </div>
2175      </div>
2176      <div class="card__content">
2177        <div class="card__information">
2178          <h3
2179            class="card__heading h3"
2180            
2181              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663"
2182            
2183          >
2184            <a
2185              href="/products/add-a-field-for-optional-printing-add-on-pricing"
2186              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663"
2187              class="full-unstyled-link"
2188              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116971671663"
2189            >
2190              Add a field for optional printing (add-on pricing)
2191            </a>
2192          </h3>
2193          <div class="card-information"><span class="caption-large light"></span>
2194<div
2195  class="
2196    price "
2197>
2198  <div class="price__container"><div class="price__regular">
2199      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2200      <span class="price-item price-item--regular">
2201        From $2.50 <small>(demo product price)</small>
2202      </span>
2203    </div>
2204    <div class="price__sale">
2205        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2206        <span>
2207          <s class="price-item price-item--regular">
2208            
2209              
2210            
2211          </s>
2212        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2213      <span class="price-item price-item--sale price-item--last">
2214        From $2.50 <small>(demo product price)</small>
2215      </span>
2216    </div>
2217    <small class="unit-price caption hidden">
2218      <span class="visually-hidden">Unit price</span>
2219      <span class="price-item price-item--last">
2220        <span></span>
2221        <span aria-hidden="true">/</span>
2222        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2223        <span>
2224        </span>
2225      </span>
2226    </small>
2227  </div></div>
2228
2229          </div>
2230        </div><div class="card__badge bottom left"></div>
2231      </div>
2232    </div>
2233  </div>
2234          </li><li
2235            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-6"
2236            class="grid__item scroll-trigger animate--slide-in"
2237            
2238              data-cascade
2239              style="--animation-order: 6;"
2240            
2241          >
2242            
2243
2244<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2245<div class="card-wrapper product-card-wrapper underline-links-hover">
2246    <div
2247      class="
2248        card
2249        card--card
2250         card--media
2251         color-inverse gradient
2252        
2253        
2254        
2255        
2256      "
2257      style="--ratio-percent: 100.0%;"
2258    >
2259      <div
2260        class="card__inner  ratio"
2261        style="--ratio-percent: 100.0%;"
2262      ><div class="card__media">
2263            <div class="media media--transparent media--hover-effect">
2264              
2265              <img
2266                srcset="//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572&width=165 165w,//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572&width=360 360w,//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572&width=533 533w,//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572&width=720 720w,//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572&width=940 940w,//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572 1024w
2267                "
2268                src="//getuploadkit.com/cdn/shop/files/candle.png?v=1686821572&width=533"
2269                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2270                alt="Allow customers to upload files post-purchase"
2271                class="motion-reduce"
2272                
2273                  loading="lazy"
2274                
2275                width="1024"
2276                height="1024"
2277              >
2278              
2279</div>
2280          </div><div class="card__content">
2281          <div class="card__information">
2282            <h3
2283              class="card__heading"
2284              
2285            >
2286              <a
2287                href="/products/allow-customers-to-upload-files-post-purchase-beta"
2288                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255"
2289                class="full-unstyled-link"
2290                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255"
2291              >
2292                Allow customers to upload files post-purchase
2293              </a>
2294            </h3>
2295          </div>
2296          <div class="card__badge bottom left"></div>
2297        </div>
2298      </div>
2299      <div class="card__content">
2300        <div class="card__information">
2301          <h3
2302            class="card__heading h3"
2303            
2304              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255"
2305            
2306          >
2307            <a
2308              href="/products/allow-customers-to-upload-files-post-purchase-beta"
2309              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255"
2310              class="full-unstyled-link"
2311              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7116972294255"
2312            >
2313              Allow customers to upload files post-purchase
2314            </a>
2315          </h3>
2316          <div class="card-information"><span class="caption-large light"></span>
2317<div
2318  class="
2319    price "
2320>
2321  <div class="price__container"><div class="price__regular">
2322      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2323      <span class="price-item price-item--regular">
2324        $14.99 <small>(demo product price)</small>
2325      </span>
2326    </div>
2327    <div class="price__sale">
2328        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2329        <span>
2330          <s class="price-item price-item--regular">
2331            
2332              
2333            
2334          </s>
2335        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2336      <span class="price-item price-item--sale price-item--last">
2337        $14.99 <small>(demo product price)</small>
2338      </span>
2339    </div>
2340    <small class="unit-price caption hidden">
2341      <span class="visually-hidden">Unit price</span>
2342      <span class="price-item price-item--last">
2343        <span></span>
2344        <span aria-hidden="true">/</span>
2345        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2346        <span>
2347        </span>
2348      </span>
2349    </small>
2350  </div></div>
2351
2352          </div>
2353        </div><div class="card__badge bottom left"></div>
2354      </div>
2355    </div>
2356  </div>
2357          </li><li
2358            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7"
2359            class="grid__item scroll-trigger animate--slide-in"
2360            
2361              data-cascade
2362              style="--animation-order: 7;"
2363            
2364          >
2365            
2366
2367<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2368<div class="card-wrapper product-card-wrapper underline-links-hover">
2369    <div
2370      class="
2371        card
2372        card--card
2373         card--media
2374         color-inverse gradient
2375        
2376        
2377        
2378        
2379      "
2380      style="--ratio-percent: 100.0%;"
2381    >
2382      <div
2383        class="card__inner  ratio"
2384        style="--ratio-percent: 100.0%;"
2385      ><div class="card__media">
2386            <div class="media media--transparent media--hover-effect">
2387              
2388              <img
2389                srcset="//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942&width=165 165w,//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942&width=360 360w,//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942&width=533 533w,//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942&width=720 720w,//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942&width=940 940w,//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942 1024w
2390                "
2391                src="//getuploadkit.com/cdn/shop/files/three-mugs.png?v=1686861942&width=533"
2392                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2393                alt="Require an exact number of files to be uploaded"
2394                class="motion-reduce"
2395                
2396                  loading="lazy"
2397                
2398                width="1024"
2399                height="1024"
2400              >
2401              
2402</div>
2403          </div><div class="card__content">
2404          <div class="card__information">
2405            <h3
2406              class="card__heading"
2407              
2408            >
2409              <a
2410                href="/products/require-an-exact-number-of-files-to-be-uploaded"
2411                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879"
2412                class="full-unstyled-link"
2413                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879"
2414              >
2415                Require an exact number of files to be uploaded
2416              </a>
2417            </h3>
2418          </div>
2419          <div class="card__badge bottom left"></div>
2420        </div>
2421      </div>
2422      <div class="card__content">
2423        <div class="card__information">
2424          <h3
2425            class="card__heading h3"
2426            
2427              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879"
2428            
2429          >
2430            <a
2431              href="/products/require-an-exact-number-of-files-to-be-uploaded"
2432              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879"
2433              class="full-unstyled-link"
2434              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017120879"
2435            >
2436              Require an exact number of files to be uploaded
2437            </a>
2438          </h3>
2439          <div class="card-information"><span class="caption-large light"></span>
2440<div
2441  class="
2442    price "
2443>
2444  <div class="price__container"><div class="price__regular">
2445      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2446      <span class="price-item price-item--regular">
2447        $0.00 <small>(demo product price)</small>
2448      </span>
2449    </div>
2450    <div class="price__sale">
2451        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2452        <span>
2453          <s class="price-item price-item--regular">
2454            
2455              
2456            
2457          </s>
2458        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2459      <span class="price-item price-item--sale price-item--last">
2460        $0.00 <small>(demo product price)</small>
2461      </span>
2462    </div>
2463    <small class="unit-price caption hidden">
2464      <span class="visually-hidden">Unit price</span>
2465      <span class="price-item price-item--last">
2466        <span></span>
2467        <span aria-hidden="true">/</span>
2468        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2469        <span>
2470        </span>
2471      </span>
2472    </small>
2473  </div></div>
2474
2475          </div>
2476        </div><div class="card__badge bottom left"></div>
2477      </div>
2478    </div>
2479  </div>
2480          </li><li
2481            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-8"
2482            class="grid__item scroll-trigger animate--slide-in"
2483            
2484              data-cascade
2485              style="--animation-order: 8;"
2486            
2487          >
2488            
2489
2490<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2491<div class="card-wrapper product-card-wrapper underline-links-hover">
2492    <div
2493      class="
2494        card
2495        card--card
2496         card--media
2497         color-inverse gradient
2498        
2499        
2500        
2501        
2502      "
2503      style="--ratio-percent: 100.0%;"
2504    >
2505      <div
2506        class="card__inner  ratio"
2507        style="--ratio-percent: 100.0%;"
2508      ><div class="card__media">
2509            <div class="media media--transparent media--hover-effect">
2510              
2511              <img
2512                srcset="//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867&width=165 165w,//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867&width=360 360w,//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867&width=533 533w,//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867&width=720 720w,//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867&width=940 940w,//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867 1024w
2513                "
2514                src="//getuploadkit.com/cdn/shop/files/luggage-tag.png?v=1686862867&width=533"
2515                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2516                alt="Automatically crop images to a specific shape"
2517                class="motion-reduce"
2518                
2519                  loading="lazy"
2520                
2521                width="1024"
2522                height="1024"
2523              >
2524              
2525</div>
2526          </div><div class="card__content">
2527          <div class="card__information">
2528            <h3
2529              class="card__heading"
2530              
2531            >
2532              <a
2533                href="/products/automatically-crop-images-to-a-specific-shape"
2534                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951"
2535                class="full-unstyled-link"
2536                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951"
2537              >
2538                Automatically crop images to a specific shape
2539              </a>
2540            </h3>
2541          </div>
2542          <div class="card__badge bottom left"></div>
2543        </div>
2544      </div>
2545      <div class="card__content">
2546        <div class="card__information">
2547          <h3
2548            class="card__heading h3"
2549            
2550              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951"
2551            
2552          >
2553            <a
2554              href="/products/automatically-crop-images-to-a-specific-shape"
2555              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951"
2556              class="full-unstyled-link"
2557              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017251951"
2558            >
2559              Automatically crop images to a specific shape
2560            </a>
2561          </h3>
2562          <div class="card-information"><span class="caption-large light"></span>
2563<div
2564  class="
2565    price "
2566>
2567  <div class="price__container"><div class="price__regular">
2568      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2569      <span class="price-item price-item--regular">
2570        $9.99 <small>(demo product price)</small>
2571      </span>
2572    </div>
2573    <div class="price__sale">
2574        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2575        <span>
2576          <s class="price-item price-item--regular">
2577            
2578              
2579            
2580          </s>
2581        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2582      <span class="price-item price-item--sale price-item--last">
2583        $9.99 <small>(demo product price)</small>
2584      </span>
2585    </div>
2586    <small class="unit-price caption hidden">
2587      <span class="visually-hidden">Unit price</span>
2588      <span class="price-item price-item--last">
2589        <span></span>
2590        <span aria-hidden="true">/</span>
2591        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2592        <span>
2593        </span>
2594      </span>
2595    </small>
2596  </div></div>
2597
2598          </div>
2599        </div><div class="card__badge bottom left"></div>
2600      </div>
2601    </div>
2602  </div>
2603          </li><li
2604            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-9"
2605            class="grid__item scroll-trigger animate--slide-in"
2606            
2607              data-cascade
2608              style="--animation-order: 9;"
2609            
2610          >
2611            
2612
2613<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2614<div class="card-wrapper product-card-wrapper underline-links-hover">
2615    <div
2616      class="
2617        card
2618        card--card
2619         card--media
2620         color-inverse gradient
2621        
2622        
2623        
2624        
2625      "
2626      style="--ratio-percent: 100.0%;"
2627    >
2628      <div
2629        class="card__inner  ratio"
2630        style="--ratio-percent: 100.0%;"
2631      ><div class="card__media">
2632            <div class="media media--transparent media--hover-effect">
2633              
2634              <img
2635                srcset="//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770&width=165 165w,//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770&width=360 360w,//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770&width=533 533w,//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770&width=720 720w,//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770&width=940 940w,//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770 1024w
2636                "
2637                src="//getuploadkit.com/cdn/shop/files/dog-socks.png?v=1686863770&width=533"
2638                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2639                alt="Enable a text field for uploaded files"
2640                class="motion-reduce"
2641                
2642                  loading="lazy"
2643                
2644                width="1024"
2645                height="1024"
2646              >
2647              
2648</div>
2649          </div><div class="card__content">
2650          <div class="card__information">
2651            <h3
2652              class="card__heading"
2653              
2654            >
2655              <a
2656                href="/products/enable-a-text-field-for-uploaded-files"
2657                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023"
2658                class="full-unstyled-link"
2659                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023"
2660              >
2661                Enable a text field for uploaded files
2662              </a>
2663            </h3>
2664          </div>
2665          <div class="card__badge bottom left"></div>
2666        </div>
2667      </div>
2668      <div class="card__content">
2669        <div class="card__information">
2670          <h3
2671            class="card__heading h3"
2672            
2673              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023"
2674            
2675          >
2676            <a
2677              href="/products/enable-a-text-field-for-uploaded-files"
2678              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023"
2679              class="full-unstyled-link"
2680              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7117017383023"
2681            >
2682              Enable a text field for uploaded files
2683            </a>
2684          </h3>
2685          <div class="card-information"><span class="caption-large light"></span>
2686<div
2687  class="
2688    price "
2689>
2690  <div class="price__container"><div class="price__regular">
2691      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2692      <span class="price-item price-item--regular">
2693        $24.99 <small>(demo product price)</small>
2694      </span>
2695    </div>
2696    <div class="price__sale">
2697        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2698        <span>
2699          <s class="price-item price-item--regular">
2700            
2701              
2702            
2703          </s>
2704        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2705      <span class="price-item price-item--sale price-item--last">
2706        $24.99 <small>(demo product price)</small>
2707      </span>
2708    </div>
2709    <small class="unit-price caption hidden">
2710      <span class="visually-hidden">Unit price</span>
2711      <span class="price-item price-item--last">
2712        <span></span>
2713        <span aria-hidden="true">/</span>
2714        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2715        <span>
2716        </span>
2717      </span>
2718    </small>
2719  </div></div>
2720
2721          </div>
2722        </div><div class="card__badge bottom left"></div>
2723      </div>
2724    </div>
2725  </div>
2726          </li><li
2727            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-10"
2728            class="grid__item scroll-trigger animate--slide-in"
2729            
2730              data-cascade
2731              style="--animation-order: 10;"
2732            
2733          >
2734            
2735
2736<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2737<div class="card-wrapper product-card-wrapper underline-links-hover">
2738    <div
2739      class="
2740        card
2741        card--card
2742         card--media
2743         color-inverse gradient
2744        
2745        
2746        
2747        
2748      "
2749      style="--ratio-percent: 100.0%;"
2750    >
2751      <div
2752        class="card__inner  ratio"
2753        style="--ratio-percent: 100.0%;"
2754      ><div class="card__media">
2755            <div class="media media--transparent media--hover-effect">
2756              
2757              <img
2758                srcset="//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998&width=165 165w,//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998&width=360 360w,//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998&width=533 533w,//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998&width=720 720w,//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998&width=940 940w,//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998 1024w
2759                "
2760                src="//getuploadkit.com/cdn/shop/files/1-subject.png?v=1688681998&width=533"
2761                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2762                alt="Upload fields for multiple subjects (custom pricing)"
2763                class="motion-reduce"
2764                
2765                  loading="lazy"
2766                
2767                width="1024"
2768                height="1024"
2769              >
2770              
2771</div>
2772          </div><div class="card__content">
2773          <div class="card__information">
2774            <h3
2775              class="card__heading"
2776              
2777            >
2778              <a
2779                href="/products/upload-fields-for-multiple-subjects"
2780                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085581935"
2781                class="full-unstyled-link"
2782                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085581935 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085581935"
2783              >
2784                Upload fields for multiple subjects (custom pricing)
2785              </a>
2786            </h3>
2787          </div>
2788          <div class="card__badge bottom left"></div>
2789        </div>
2790      </div>
2791      <div class="card__content">
2792        <div class="card__information">
2793          <h3
2794            class="card__heading h3"
2795            
2796              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085
2796581935"
2797            
2798          >
2799            <a
2800              href="/products/upload-fields-for-multiple-subjects"
2801              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085581935"
2802              class="full-unstyled-link"
2803              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085581935 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120085581935"
2804            >
2805              Upload fields for multiple subjects (custom pricing)
2806            </a>
2807          </h3>
2808          <div class="card-information"><span class="caption-large light"></span>
2809<div
2810  class="
2811    price "
2812>
2813  <div class="price__container"><div class="price__regular">
2814      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2815      <span class="price-item price-item--regular">
2816        From $45.00 <small>(demo product price)</small>
2817      </span>
2818    </div>
2819    <div class="price__sale">
2820        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2821        <span>
2822          <s class="price-item price-item--regular">
2823            
2824              
2825            
2826          </s>
2827        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2828      <span class="price-item price-item--sale price-item--last">
2829        From $45.00 <small>(demo product price)</small>
2830      </span>
2831    </div>
2832    <small class="unit-price caption hidden">
2833      <span class="visually-hidden">Unit price</span>
2834      <span class="price-item price-item--last">
2835        <span></span>
2836        <span aria-hidden="true">/</span>
2837        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2838        <span>
2839        </span>
2840      </span>
2841    </small>
2842  </div></div>
2843
2844          </div>
2845        </div><div class="card__badge bottom left"></div>
2846      </div>
2847    </div>
2848  </div>
2849          </li><li
2850            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-11"
2851            class="grid__item scroll-trigger animate--slide-in"
2852            
2853              data-cascade
2854              style="--animation-order: 11;"
2855            
2856          >
2857            
2858
2859<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2860<div class="card-wrapper product-card-wrapper underline-links-hover">
2861    <div
2862      class="
2863        card
2864        card--card
2865         card--media
2866         color-inverse gradient
2867        
2868        
2869        
2870        
2871      "
2872      style="--ratio-percent: 100.0%;"
2873    >
2874      <div
2875        class="card__inner  ratio"
2876        style="--ratio-percent: 100.0%;"
2877      ><div class="card__media">
2878            <div class="media media--transparent media--hover-effect">
2879              
2880              <img
2881                srcset="//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486&width=165 165w,//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486&width=360 360w,//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486&width=533 533w,//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486&width=720 720w,//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486&width=940 940w,//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486 1024w
2882                "
2883                src="//getuploadkit.com/cdn/shop/files/banner.png?v=1688684486&width=533"
2884                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2885                alt="Change where your field appears in your product template"
2886                class="motion-reduce"
2887                
2888                  loading="lazy"
2889                
2890                width="1024"
2891                height="1024"
2892              >
2893              
2894</div>
2895          </div><div class="card__content">
2896          <div class="card__information">
2897            <h3
2898              class="card__heading"
2899              
2900            >
2901              <a
2902                href="/products/change-where-your-field-appears-in-your-product-template"
2903                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599"
2904                class="full-unstyled-link"
2905                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599"
2906              >
2907                Change where your field appears in your product template
2908              </a>
2909            </h3>
2910          </div>
2911          <div class="card__badge bottom left"></div>
2912        </div>
2913      </div>
2914      <div class="card__content">
2915        <div class="card__information">
2916          <h3
2917            class="card__heading h3"
2918            
2919              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599"
2920            
2921          >
2922            <a
2923              href="/products/change-where-your-field-appears-in-your-product-template"
2924              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599"
2925              class="full-unstyled-link"
2926              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7120086335599"
2927            >
2928              Change where your field appears in your product template
2929            </a>
2930          </h3>
2931          <div class="card-information"><span class="caption-large light"></span>
2932<div
2933  class="
2934    price "
2935>
2936  <div class="price__container"><div class="price__regular">
2937      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2938      <span class="price-item price-item--regular">
2939        $99.00 <small>(demo product price)</small>
2940      </span>
2941    </div>
2942    <div class="price__sale">
2943        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2944        <span>
2945          <s class="price-item price-item--regular">
2946            
2947              
2948            
2949          </s>
2950        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2951      <span class="price-item price-item--sale price-item--last">
2952        $99.00 <small>(demo product price)</small>
2953      </span>
2954    </div>
2955    <small class="unit-price caption hidden">
2956      <span class="visually-hidden">Unit price</span>
2957      <span class="price-item price-item--last">
2958        <span></span>
2959        <span aria-hidden="true">/</span>
2960        <span class="visually-hidden">&nbsp;per&nbsp;</span>
2961        <span>
2962        </span>
2963      </span>
2964    </small>
2965  </div></div>
2966
2967          </div>
2968        </div><div class="card__badge bottom left"></div>
2969      </div>
2970    </div>
2971  </div>
2972          </li><li
2973            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-12"
2974            class="grid__item scroll-trigger animate--slide-in"
2975            
2976              data-cascade
2977              style="--animation-order: 12;"
2978            
2979          >
2980            
2981
2982<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
2983<div class="card-wrapper product-card-wrapper underline-links-hover">
2984    <div
2985      class="
2986        card
2987        card--card
2988         card--media
2989         color-inverse gradient
2990        
2991        
2992        
2993        
2994      "
2995      style="--ratio-percent: 100.0%;"
2996    >
2997      <div
2998        class="card__inner  ratio"
2999        style="--ratio-percent: 100.0%;"
3000      ><div class="card__media">
3001            <div class="media media--transparent media--hover-effect">
3002              
3003              <img
3004                srcset="//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631&width=165 165w,//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631&width=360 360w,//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631&width=533 533w,//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631&width=720 720w,//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631&width=940 940w,//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631 1024w
3005                "
3006                src="//getuploadkit.com/cdn/shop/files/close-up_of_embroidered_logo_on_sweatshirt_13617741-a3e1-40bb-aaaf-a6cefbd3169b.png?v=1690461631&width=533"
3007                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3008                alt="Open file picker automatically"
3009                class="motion-reduce"
3010                
3011                  loading="lazy"
3012                
3013                width="1024"
3014                height="1024"
3015              >
3016              
3017</div>
3018          </div><div class="card__content">
3019          <div class="card__information">
3020            <h3
3021              class="card__heading"
3022              
3023            >
3024              <a
3025                href="/products/open-file-picker-automatically"
3026                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887"
3027                class="full-unstyled-link"
3028                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887"
3029              >
3030                Open file picker automatically
3031              </a>
3032            </h3>
3033          </div>
3034          <div class="card__badge bottom left"></div>
3035        </div>
3036      </div>
3037      <div class="card__content">
3038        <div class="card__information">
3039          <h3
3040            class="card__heading h3"
3041            
3042              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887"
3043            
3044          >
3045            <a
3046              href="/products/open-file-picker-automatically"
3047              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887"
3048              class="full-unstyled-link"
3049              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7121037131887"
3050            >
3051              Open file picker automatically
3052            </a>
3053          </h3>
3054          <div class="card-information"><span class="caption-large light"></span>
3055<div
3056  class="
3057    price "
3058>
3059  <div class="price__container"><div class="price__regular">
3060      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3061      <span class="price-item price-item--regular">
3062        $24.00 <small>(demo product price)</small>
3063      </span>
3064    </div>
3065    <div class="price__sale">
3066        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3067        <span>
3068          <s class="price-item price-item--regular">
3069            
3070              
3071            
3072          </s>
3073        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3074      <span class="price-item price-item--sale price-item--last">
3075        $24.00 <small>(demo product price)</small>
3076      </span>
3077    </div>
3078    <small class="unit-price caption hidden">
3079      <span class="visually-hidden">Unit price</span>
3080      <span class="price-item price-item--last">
3081        <span></span>
3082        <span aria-hidden="true">/</span>
3083        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3084        <span>
3085        </span>
3086      </span>
3087    </small>
3088  </div></div>
3089
3090          </div>
3091        </div><div class="card__badge bottom left"></div>
3092      </div>
3093    </div>
3094  </div>
3095          </li><li
3096            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-13"
3097            class="grid__item scroll-trigger animate--slide-in"
3098            
3099              data-cascade
3100              style="--animation-order: 13;"
3101            
3102          >
3103            
3104
3105<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
3106<div class="card-wrapper product-card-wrapper underline-links-hover">
3107    <div
3108      class="
3109        card
3110        card--card
3111         card--media
3112         color-inverse gradient
3113        
3114        
3115        
3116        
3117      "
3118      style="--ratio-percent: 100.0%;"
3119    >
3120      <div
3121        class="card__inner  ratio"
3122        style="--ratio-percent: 100.0%;"
3123      ><div class="card__media">
3124            <div class="media media--transparent media--hover-effect">
3125              
3126              <img
3127                srcset="//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154&width=165 165w,//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154&width=360 360w,//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154&width=533 533w,//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154&width=720 720w,//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154&width=940 940w,//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154 1024w
3128                "
3129                src="//getuploadkit.com/cdn/shop/files/tobym4399_a_historical_portrait_of_a_famous_military_general_wi_82664957-1503-4d40-a145-fa9dd18dfd97.png?v=1729588154&width=533"
3130                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3131                alt="Add a photo guidelines popup"
3132                class="motion-reduce"
3133                
3134                  loading="lazy"
3135                
3136                width="1024"
3137                height="1024"
3138              >
3139              
3140</div>
3141          </div><div class="card__content">
3142          <div class="card__information">
3143            <h3
3144              class="card__heading"
3145              
3146            >
3147              <a
3148                href="/products/add-a-photo-guidelines-popup"
3149                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903"
3150                class="full-unstyled-link"
3151                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903"
3152              >
3153                Add a photo guidelines popup
3154              </a>
3155            </h3>
3156          </div>
3157          <div class="card__badge bottom left"></div>
3158        </div>
3159      </div>
3160      <div class="card__content">
3161        <div class="card__information">
3162          <h3
3163            class="card__heading h3"
3164            
3165              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903"
3166            
3167          >
3168            <a
3169              href="/products/add-a-photo-guidelines-popup"
3170              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903"
3171              class="full-unstyled-link"
3172              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7676560801903"
3173            >
3174              Add a photo guidelines popup
3175            </a>
3176          </h3>
3177          <div class="card-information"><span class="caption-large light"></span>
3178<div
3179  class="
3180    price "
3181>
3182  <div class="price__container"><div class="price__regular">
3183      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3184      <span class="price-item price-item--regular">
3185        $34.99 <small>(demo product price)</small>
3186      </span>
3187    </div>
3188    <div class="price__sale">
3189        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3190        <span>
3191          <s class="price-item price-item--regular">
3192            
3193              
3194            
3195          </s>
3196        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3197      <span class="price-item price-item--sale price-item--last">
3198        $34.99 <small>(demo product price)</small>
3199      </span>
3200    </div>
3201    <small class="unit-price caption hidden">
3202      <span class="visually-hidden">Unit price</span>
3203      <span class="price-item price-item--last">
3204        <span></span>
3205        <span aria-hidden="true">/</span>
3206        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3207        <span>
3208        </span>
3209      </span>
3210    </small>
3211  </div></div>
3212
3213          </div>
3214        </div><div class="card__badge bottom left"></div>
3215      </div>
3216    </div>
3217  </div>
3218          </li><li
3219            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-14"
3220            class="grid__item scroll-trigger animate--slide-in"
3221            
3222              data-cascade
3223              style="--animation-order: 14;"
3224            
3225          >
3226            
3227
3228<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
3229<div class="card-wrapper product-card-wrapper underline-links-hover">
3230    <div
3231      class="
3232        card
3233        card--card
3234         card--media
3235         color-inverse gradient
3236        
3237        
3238        
3239        
3240      "
3241      style="--ratio-percent: 100.0%;"
3242    >
3243      <div
3244        class="card__inner  ratio"
3245        style="--ratio-percent: 100.0%;"
3246      ><div class="card__media">
3247            <div class="media media--transparent media--hover-effect">
3248              
3249              <img
3250                srcset="//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197&width=165 165w,//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197&width=360 360w,//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197&width=533 533w,//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197&width=720 720w,//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197&width=940 940w,//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197 1024w
3251                "
3252                src="//getuploadkit.com/cdn/shop/files/dog-magnet.png?v=1746782197&width=533"
3253                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3254                alt="Ensure customers confirm their image crop"
3255                class="motion-reduce"
3256                
3257                  loading="lazy"
3258                
3259                width="1024"
3260                height="1024"
3261              >
3262              
3263</div>
3264          </div><div class="card__content">
3265          <div class="card__information">
3266            <h3
3267              class="card__heading"
3268              
3269            >
3270              <a
3271                href="/products/ensure-customers-confirm-their-image-crop"
3272                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095"
3273                class="full-unstyled-link"
3274                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095"
3275              >
3276                Ensure customers confirm their image crop
3277              </a>
3278            </h3>
3279          </div>
3280          <div class="card__badge bottom left"></div>
3281        </div>
3282      </div>
3283      <div class="card__content">
3284        <div class="card__information">
3285          <h3
3286            class="card__heading h3"
3287            
3288              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095"
3289            
3290          >
3291            <a
3292              href="/products/ensure-customers-confirm-their-image-crop"
3293              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095"
3294              class="full-unstyled-link"
3295              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791129002095"
3296            >
3297              Ensure customers confirm their image crop
3298            </a>
3299          </h3>
3300          <div class="card-information"><span class="caption-large light"></span>
3301<div
3302  class="
3303    price "
3304>
3305  <div class="price__container"><div class="price__regular">
3306      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3307      <span class="price-item price-item--regular">
3308        $8.99 <small>(demo product price)</small>
3309      </span>
3310    </div>
3311    <div class="price__sale">
3312        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3313        <span>
3314          <s class="price-item price-item--regular">
3315            
3316              
3317            
3318          </s>
3319        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3320      <span class="price-item price-item--sale price-item--last">
3321        $8.99 <small>(demo product price)</small>
3322      </span>
3323    </div>
3324    <small class="unit-price caption hidden">
3325      <span class="visually-hidden">Unit price</span>
3326      <span class="price-item price-item--last">
3327        <span></span>
3328        <span aria-hidden="true">/</span>
3329        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3330        <span>
3331        </span>
3332      </span>
3333    </small>
3334  </div></div>
3335
3336          </div>
3337        </div><div class="card__badge bottom left"></div>
3338      </div>
3339    </div>
3340  </div>
3341          </li><li
3342            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-15"
3343            class="grid__item scroll-trigger animate--slide-in"
3344            
3345              data-cascade
3346              style="--animation-order: 15;"
3347            
3348          >
3349            
3350
3351<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
3352<div class="card-wrapper product-card-wrapper underline-links-hover">
3353    <div
3354      class="
3355        card
3356        card--card
3357         card--media
3358         color-inverse gradient
3359        
3360        
3361        
3362        
3363      "
3364      style="--ratio-percent: 100.0%;"
3365    >
3366      <div
3367        class="card__inner  ratio"
3368        style="--ratio-percent: 100.0%;"
3369      ><div class="card__media">
3370            <div class="media media--transparent media--hover-effect">
3371              
3372              <img
3373                srcset="//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362&width=165 165w,//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362&width=360 360w,//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362&width=533 533w,//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362&width=720 720w,//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362&width=940 940w,//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362 1024w
3374                "
3375                src="//getuploadkit.com/cdn/shop/files/model-table.png?v=1746834362&width=533"
3376                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3377                alt="Preview 3D models"
3378                class="motion-reduce"
3379                
3380                  loading="lazy"
3381                
3382                width="1024"
3383                height="1024"
3384              >
3385              
3386</div>
3387          </div><div class="card__content">
3388          <div class="card__information">
3389            <h3
3390              class="card__heading"
3391              
3392            >
3393              <a
3394                href="/products/preview-3d-models"
3395                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631"
3396                class="full-unstyled-link"
3397                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631"
3398              >
3399                Preview 3D models
3400              </a>
3401            </h3>
3402          </div>
3403          <div class="card__badge bottom left"></div>
3404        </div>
3405      </div>
3406      <div class="card__content">
3407        <div class="card__information">
3408          <h3
3409            class="card__heading h3"
3410            
3411              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631"
3412            
3413          >
3414            <a
3415              href="/products/preview-3d-models"
3416              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631"
3417              class="full-unstyled-link"
3418              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791387115631"
3419            >
3420              Preview 3D models
3421            </a>
3422          </h3>
3423          <div class="card-information"><span class="caption-large light"></span>
3424<div
3425  class="
3426    price "
3427>
3428  <div class="price__container"><div class="price__regular">
3429      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3430      <span class="price-item price-item--regular">
3431        $8.99 <small>(demo product price)</small>
3432      </span>
3433    </div>
3434    <div class="price__sale">
3435        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3436        <span>
3437          <s class="price-item price-item--regular">
3438            
3439              
3440            
3441          </s>
3442        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3443      <span class="price-item price-item--sale price-item--last">
3444        $8.99 <small>(demo product price)</small>
3445      </span>
3446    </div>
3447    <small class="unit-price caption hidden">
3448      <span class="visually-hidden">Unit price</span>
3449      <span class="price-item price-item--last">
3450        <span></span>
3451        <span aria-hidden="true">/</span>
3452        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3453        <span>
3454        </span>
3455      </span>
3456    </small>
3457  </div></div>
3458
3459          </div>
3460        </div><div class="card__badge bottom left"></div>
3461      </div>
3462    </div>
3463  </div>
3464          </li><li
3465            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-16"
3466            class="grid__item scroll-trigger animate--slide-in"
3467            
3468              data-cascade
3469              style="--animation-order: 16;"
3470            
3471          >
3472            
3473
3474<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
3475<div class="card-wrapper product-card-wrapper underline-links-hover">
3476    <div
3477      class="
3478        card
3479        card--card
3480         card--media
3481         color-inverse gradient
3482        
3483        
3484        
3485        
3486      "
3487      style="--ratio-percent: 100.0%;"
3488    >
3489      <div
3490        class="card__inner  ratio"
3491        style="--ratio-percent: 100.0%;"
3492      ><div class="card__media">
3493            <div class="media media--transparent media--hover-effect">
3494              
3495              <img
3496                srcset="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=165 165w,//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=360 360w,//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=533 533w,//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=720 720w,//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=940 940w,//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364 1024w
3497                "
3498                src="//getuploadkit.com/cdn/shop/files/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364&width=533"
3499                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3500                alt="Preview PDF files"
3501                class="motion-reduce"
3502                
3503                  loading="lazy"
3504                
3505                width="1024"
3506                height="1024"
3507              >
3508              
3509</div>
3510          </div><div class="card__content">
3511          <div class="card__information">
3512            <h3
3513              class="card__heading"
3514              
3515            >
3516              <a
3517                href="/products/preview-pdf-files"
3518                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175"
3519                class="full-unstyled-link"
3520                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175"
3521              >
3522                Preview PDF files
3523              </a>
3524            </h3>
3525          </div>
3526          <div class="card__badge bottom left"></div>
3527        </div>
3528      </div>
3529      <div class="card__content">
3530        <div class="card__information">
3531          <h3
3532            class="card__heading h3"
3533            
3534              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175"
3535            
3536          >
3537            <a
3538              href="/products/preview-pdf-files"
3539              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175"
3540              class="full-unstyled-link"
3541              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791438168175"
3542            >
3543              Preview PDF files
3544            </a>
3545          </h3>
3546          <div class="card-information"><span class="caption-large light"></span>
3547<div
3548  class="
3549    price "
3550>
3551  <div class="price__container"><div class="price__regular">
3552      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3553      <span class="price-item price-item--regular">
3554        $8.99 <small>(demo product price)</small>
3555      </span>
3556    </div>
3557    <div class="price__sale">
3558        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3559        <span>
3560          <s class="price-item price-item--regular">
3561            
3562              
3563            
3564          </s>
3565        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3566      <span class="price-item price-item--sale price-item--last">
3567        $8.99 <small>(demo product price)</small>
3568      </span>
3569    </div>
3570    <small class="unit-price caption hidden">
3571      <span class="visually-hidden">Unit price</span>
3572      <span class="price-item price-item--last">
3573        <span></span>
3574        <span aria-hidden="true">/</span>
3575        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3576        <span>
3577        </span>
3578      </span>
3579    </small>
3580  </div></div>
3581
3582          </div>
3583        </div><div class="card__badge bottom left"></div>
3584      </div>
3585    </div>
3586  </div>
3587          </li><li
3588            id="Slide-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-17"
3589            class="grid__item scroll-trigger animate--slide-in"
3590            
3591              data-cascade
3592              style="--animation-order: 17;"
3593            
3594          >
3595            
3596
3597<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-rating.css?v=157771854592137137841686752029" rel="stylesheet" type="text/css" media="all" />
3598<div class="card-wrapper product-card-wrapper underline-links-hover">
3599    <div
3600      class="
3601        card
3602        card--card
3603         card--media
3604         color-inverse gradient
3605        
3606        
3607        
3608        
3609      "
3610      style="--ratio-percent: 100.0%;"
3611    >
3612      <div
3613        class="card__inner  ratio"
3614        style="--ratio-percent: 100.0%;"
3615      ><div class="card__media">
3616            <div class="media media--transparent media--hover-effect">
3617              
3618              <img
3619                srcset="//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337&width=165 165w,//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337&width=360 360w,//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337&width=533 533w,//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337&width=720 720w,//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337&width=940 940w,//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337 1024w
3620                "
3621                src="//getuploadkit.com/cdn/shop/files/12x12.jpg?v=1746965337&width=533"
3622                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3623                alt="Set up different aspect ratios for different variants"
3624                class="motion-reduce"
3625                
3626                  loading="lazy"
3627                
3628                width="1024"
3629                height="1024"
3630              >
3631              
3632</div>
3633          </div><div class="card__content">
3634          <div class="card__information">
3635            <h3
3636              class="card__heading"
3637              
3638            >
3639              <a
3640                href="/products/set-up-different-aspect-ratios-for-different-variants"
3641                id="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191"
3642                class="full-unstyled-link"
3643                aria-labelledby="StandardCardNoMediaLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191 NoMediaStandardBadge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191"
3644              >
3645                Set up different aspect ratios for different variants
3646              </a>
3647            </h3>
3648          </div>
3649          <div class="card__badge bottom left"></div>
3650        </div>
3651      </div>
3652      <div class="card__content">
3653        <div class="card__information">
3654          <h3
3655            class="card__heading h3"
3656            
3657              id="title-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191"
3658            
3659          >
3660            <a
3661              href="/products/set-up-different-aspect-ratios-for-different-variants"
3662              id="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191"
3663              class="full-unstyled-link"
3664              aria-labelledby="CardLink-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191 Badge-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4-7791564718191"
3665            >
3666              Set up different aspect ratios for different variants
3667            </a>
3668          </h3>
3669          <div class="card-information"><span class="caption-large light"></span>
3670<div
3671  class="
3672    price "
3673>
3674  <div class="price__container"><div class="price__regular">
3675      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3676      <span class="price-item price-item--regular">
3677        From $20.00 <small>(demo product price)</small>
3678      </span>
3679    </div>
3680    <div class="price__sale">
3681        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3682        <span>
3683          <s class="price-item price-item--regular">
3684            
3685              
3686            
3687          </s>
3688        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
3689      <span class="price-item price-item--sale price-item--last">
3690        From $20.00 <small>(demo product price)</small>
3691      </span>
3692    </div>
3693    <small class="unit-price caption hidden">
3694      <span class="visually-hidden">Unit price</span>
3695      <span class="price-item price-item--last">
3696        <span></span>
3697        <span aria-hidden="true">/</span>
3698        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3699        <span>
3700        </span>
3701      </span>
3702    </small>
3703  </div></div>
3704
3705          </div>
3706        </div><div class="card__badge bottom left"></div>
3707      </div>
3708    </div>
3709  </div>
3710          </li></ul></slider-component></div>
3711</div>
3712
3713
3714<style> #shopify-section-template--15153164451951__93c92301-f79b-4433-8923-07aebf34d5c4 .price {display: none;} </style></section><section id="shopify-section-template--15153164451951__c8efc3be-9551-4af4-b093-333f1666b42f" class="shopify-section section"><link href="//getuploadkit.com/cdn/shop/t/6/assets/section-rich-text.css?v=155250126305810049721686752030" rel="stylesheet" type="text/css" media="all" />
3715<style data-shopify>.section-template--15153164451951__c8efc3be-9551-4af4-b093-333f1666b42f-padding {
3716    padding-top: 30px;
3717    padding-bottom: 39px;
3718  }
3719
3720  @media screen and (min-width: 750px) {
3721    .section-template--15153164451951__c8efc3be-9551-4af4-b093-333f1666b42f-padding {
3722      padding-top: 40px;
3723      padding-bottom: 52px;
3724    }
3725  }</style><div class="isolate">
3726  <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--15153164451951__c8efc3be-9551-4af4-b093-333f1666b42f-padding">
3727    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
3728      <div class="rich-text__blocks center"><div
3729                class="rich-text__buttons scroll-trigger animate--slide-in"
3730                
3731                
3732                  data-cascade
3733                  style="--animation-order: 1;"
3734                
3735              ><a
3736                    
3737                      href="https://apps.shopify.com/uploadkit/install"
3738                    
3739                    class="button button--primary"
3740                  >Install UploadKit now →</a></div></div>
3741    </div>
3742  </div>
3743</div>
3744
3745
3746</section>
3747    </main>
3748
3749    <!-- BEGIN sections: footer-group -->
3750<div id="shopify-section-sections--15153164746863__footer" class="shopify-section shopify-section-group-footer-group">
3751<link href="//getuploadkit.com/cdn/shop/t/6/assets/section-footer.css?v=125160298726032154631686752030" rel="stylesheet" type="text/css" media="all" />
3752<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-newsletter.css?v=4727253280200485261686752029" rel="stylesheet" type="text/css" media="all" />
3753<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-list-menu.css?v=151968516119678728991686752029" rel="stylesheet" type="text/css" media="all" />
3754<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-list-payment.css?v=69253961410771838501686752029" rel="stylesheet" type="text/css" media="all" />
3755<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-list-social.css?v=52211663153726659061686752029" rel="stylesheet" type="text/css" media="all" />
3756<link href="//getuploadkit.com/cdn/shop/t/6/assets/component-localization-form.css?v=14162097032368378391686752029" rel="stylesheet" type="text/css" media="all" />
3757<style data-shopify>.footer {
3758    margin-top: 27px;
3759  }
3760
3761  .section-sections--15153164746863__footer-padding {
3762    padding-top: 27px;
3763    padding-bottom: 27px;
3764  }
3765
3766  @media screen and (min-width: 750px) {
3767    .footer {
3768      margin-top: 36px;
3769    }
3770
3771    .section-sections--15153164746863__footer-padding {
3772      padding-top: 36px;
3773      padding-bottom: 36px;
3774    }
3775  }</style><footer class="footer color-background-1 gradient section-sections--15153164746863__footer-padding"><div
3776    class="footer__content-bottom scroll-trigger animate--slide-in"
3777    
3778      data-cascade
3779    
3780  >
3781    <div class="footer__content-bottom-wrapper page-width">
3782      <div class="footer__column footer__localization isolate"></div>
3783      <div class="footer__column footer__column--info"></div>
3784    </div>
3785    <div class="footer__content-bottom-wrapper page-width">
3786      <div class="footer__copyright caption">
3787        <small class="copyright__content"
3788          >&copy; 2026, <a href="/" title="">UploadKit Demo</a></small>
3789        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></small></div>
3790    </div>
3791  </div>
3792</footer>
3792<script src="//getuploadkit.com/cdn/shop/t/6/assets/localization-form.js?v=98683197766447567971686752030" defer="defer"></script>
3792
3793</div>
3794<!-- END sections: footer-group -->
3795
3796    <ul hidden>
3797      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
3798      <li id="a11y-new-window-message">Opens in a new window.</li>
3799    </ul>
3800
3801    
3801<script>
3802      window.shopUrl = 'https://getuploadkit.com';
3803      window.routes = {
3804        cart_add_url: '/cart/add',
3805        cart_change_url: '/cart/change',
3806        cart_update_url: '/cart/update',
3807        cart_url: '/cart',
3808        predictive_search_url: '/search/suggest',
3809      };
3810
3811      window.cartStrings = {
3812        error: `There was an error while updating your cart. Please try again.`,
3813        quantityError: `You can only add [quantity] of this item to your cart.`,
3814      };
3815
3816      window.variantStrings = {
3817        addToCart: `Add to cart`,
3818        soldOut: `Sold out`,
3819        unavailable: `Unavailable`,
3820        unavailable_with_option: `[value] - Unavailable`,
3821      };
3822
3823      window.accessibilityStrings = {
3824        imageAvailable: `Image [index] is now available in gallery view`,
3825        shareSuccess: `Link copied to clipboard`,
3826        pauseSlideshow: `Pause slideshow`,
3827        playSlideshow: `Play slideshow`,
3828      };
3829    </script>
3829<script src="//getuploadkit.com/cdn/shop/t/6/assets/predictive-search.js?v=162273246065392412141686752030" defer="defer"></script>
3829
3830<style> .uploadkit {max-width: 44rem;} .product__tax {display: none;} blockquote {font-style: normal; font-size: 12px !important;} </style>
3831<div id="shopify-block-ANW95RXlhdzNML0RKa__7155349627714823297" class="shopify-block shopify-app-block" data-block-handle="app-embed-block">
3831<script>
3832  if (!window.UploadKit || !window.UploadKit.config) {
3833    window.UploadKit = window.UploadKit || {};
3834    window.UploadKit.appEmbed = true;
3835    window.UploadKit.appEmbedVersion = 3;
3836    window.UploadKit.config = /* __app_config */ {"shopId":"51ec43ff-f72c-4614-b564-feb4836f1e8d","patchFetch":true,"appBaseUri":"https:\/\/app.getuploadkit.com","apiBaseUri":"https:\/\/api.getuploadkit.com","filesBaseUri":"https:\/\/files.getuploadkit.com","assetsBaseUri":"https:\/\/assets.getuploadkit.com","previewBaseUri":"https:\/\/cdn.shopify.com\/s\/files\/1\/0033\/4807\/0511\/files\/download.html","ucKey":"17e6328bac29ad4f6365","whiteLabel":true,"enableMultiLanguage":false,"uploaders":[{"id":"3bdb65be-f6d1-4cc1-87e9-5d61dfc39a5f","name":"Image for front","formLabelText":"Upload an image for the front of your shirt\u003cspan style=\"color:red;\"\u003e*\u003c\/span\u003e","formLabelFontSize":"13px","customCss":"","validators":[{"type":"fileTypes","args":[["image\/*"]]}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Custom Printed T-shirt","object_id":"1458448040047"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a file for the front before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose a front image","buttonBackgroundColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":false,"studioChoice":null,"variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":["image\/*"],"enableDirectLink":false,"enableOverlay":false,"overlays":[],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"{{ number }} {% singular %}image{% endsingular %} {% plural %}images{% endplural %} uploaded","confirmCrop":false},{"id":"287d480d-426e-41a1-8b9f-439bc502cca0","name":"Image for back","formLabelText":"Upload an image for the back of your shirt (optional)","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Custom Printed T-shirt","object_id":"1458448040047"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":false,"requiredMessage":"Please upload a file before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose a back image","buttonBackgroundColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"da1dd06f-4cac-4f4c-9919-2f932aedcbeb","ratio":1.5}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"{{ number }} {% singular %}image{% endsingular %} {% plural %}images{% endplural %} uploaded","confirmCrop":false},{"id":"0d4f3761-32b2-4e03-b4b0-2493323f11cb","name":"Uploaded image","formLabelText":"Upload an image","formLabelFontSize":"18px","customCss":".uploadkit-label {}\n.uploadkit-button { text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }\n.uploadkit-thumbnails { margin: 0 auto; }\n.uploadkit-thumbnails img {}\n","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Allow customers to upload files post-purchase (beta)","object_id":"7116972294255"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a file before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose an image","buttonBackgroun
3836dColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"13px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"toggle","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free,3:2,2:3","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"da1dd06f-4cac-4f4c-9919-2f932aedcbeb","ratio":1.5}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Image uploaded","confirmCrop":false,"studioChoiceLabel":null,"studioChoiceLabelNow":"Upload now","studioChoiceLabelLater":"Upload later"},{"id":"7ad94b9f-d910-456c-afbb-ea278a0128d0","name":"Photo of your pet","formLabelText":"Photo of your pet","formLabelFontSize":"13px","customCss":".uploadkit-button { font-weight: normal !important; font-family: Assistant, sans-serif; letter-spacing: 1px; }\n.vex-dialog-button-primary { background-color: #21afff !important; border-radius: 4px; }\n.uploadcare--button_primary { background-color: #21afff !important; border-color: #21afff !important; }","validators":[{"type":"fileTypes","args":[["image\/*"]]}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Accept a single image only and allow enhancements","object_id":"7116888703087"},{"title":"Show your upload field in 'Featured Product' sections","object_id":"7116970983535"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please choose a photo before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose a photo","buttonBackgroundColor":"#21afff","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":true,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":["image\/*"],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"da1dd06f-4cac-4f4c-9919-2f932aedcbeb","ratio":1.5}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded","confirmCrop":false},{"id":"b6a61fd8-1337-4294-bc1f-8bdd0f9655c6","name":"Photo with circle crop ","formLabelText":"Upload a photo","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Apply a circle crop to an uploaded image","object_id":"7116888539247"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a photo before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose a photo","buttonBackgroundColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":true,"multipleMax":0,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"1:1","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":true,"overlays":[{"uuid":"3ebe2903-f913-4293-9228-2ec723dbb175","ratio":1}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded ✓ ","confirmCrop":false,"previewMultipleMessageDesktop":"Choose an image from the list to crop or enhance it. To add more files, use the links on the left","previewMultipleMessageMobile":"Choose an image from the list to crop or enhance it. To add more files, use the menu icon in the top left"},{"id":"027aabdf-84dd-4eb2-825f-e2dc8654f665","name":"Accept multiple files of any type","formLabelText":"Upload a photo","formLabelFontSize":"13px","customCss":"","validators":[{"type":"minimumImageSize","args":[1200,1200]}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a photo before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose an photo","buttonBackgroun
3836dColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":true,"multipleMax":0,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":1}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"{{ number }} {% singular %}image{% endsingular %} {% plural %}images{% endplural %} uploaded","confirmCrop":false,"previewMultipleMessageDesktop":"Choose an image from the list to crop or enhance it. To add more files, use the links on the left","previewMultipleMessageMobile":"Choose an image from the list to crop or enhance it. To add more files, use the menu icon in the top left"},{"id":"6e751fba-80b7-4133-a82a-dd62c2daecb8","name":"Uploaded files","formLabelText":"Upload files","formLabelFontSize":"13px","customCss":".uploadkit-button { font-weight: normal !important; font-family: Assistant, sans-serif; letter-spacing: 1px; }\n.vex-dialog-button-primary { background-color: #ff4385 !important; }\n.uploadcare--button_primary { background-color: #ff4385 !important; border-color: #ff4385 !important; border-radius: 0px; }","validators":[],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Upload multiple files of any type","object_id":"7116970852463"},{"title":"Change where your field appears in your product template","object_id":"7120086335599"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please choose a photo before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose files","buttonBackgroundColor":"#ff4385","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":true,"studioChoice":"none","variantConditions":[],"multiple":true,"multipleMax":0,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":[],"enableDirectLink":true,"enableOverlay":false,"overlays":[{"uuid":"da1dd06f-4cac-4f4c-9919-2f932aedcbeb","ratio":1.5}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Change files","confirmCrop":false,"previewMultipleMessageDesktop":"Choose an image from the list to crop or enhance it. To add more files, use the links on the left","previewMultipleMessageMobile":"Choose an image from the list to crop or enhance it. To add more files, use the menu icon in the top left"},{"id":"bdad1f67-3427-4dbd-8648-f1622392659e","name":"Logo","formLabelText":"Upload your logo","formLabelFontSize":"13px","customCss":"","validators":[],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Add a field for optional printing (add-on pricing)","object_id":"7116971671663"}]}],"variantConditionType":"or","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a logo before adding the product to your cart, or select 'No' to custom logo printing.","requiredButtonText":"OK","language":"en","buttonText":"Choose an image","buttonBackgroundColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":false,"studioChoice":null,"variantConditions":[{"value":"Yes","option":"Custom logo printing","o
3836perator":"contains"}],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"da1dd06f-4cac-4f4c-9919-2f932aedcbeb","ratio":1.5}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Change image","confirmCrop":false},{"id":"48a1a253-2118-4c24-9abf-d95061bc5195","name":"Uploaded photos","formLabelText":"Uploaded photos","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Require an exact number of files to be uploaded","object_id":"7117017120879"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload 3 photos before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose 3 photos","buttonBackgroundColor":"#5d4fde","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":true,"studioChoice":"none","variantConditions":[],"multiple":true,"multipleMax":3,"multipleMin":3,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":1}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"{{ number }} {% singular %}image{% endsingular %} {% plural %}images{% endplural %} uploaded","confirmCrop":false,"previewMultipleMessageDesktop":"Choose an image from the list to crop or enhance it. To add more files, use the links on the left","previewMultipleMessageMobile":"Choose an image from the list to crop or enhance it. To add more files, use the menu icon in the top left"},{"id":"c048b204-eefb-4e5e-90bb-69d12c75cc9f","name":"Luggage tag photo","formLabelText":"Luggage tag photo","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Automatically crop images to a specific shape","object_id":"7117017251951"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload 3 photos before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose an image","buttonBackgroundColor":"#de4f60","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"2:3, 3:2","effects":["crop"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Image uploaded","confirmCrop":false},{"id":"51798447-5c82-4f48-b6c5-8798c4b86f2a","name":"Pet photo","formLabelText":"Upload photos of your pet","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Enable a text field for uploaded files","object_id":"7117017383023"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload 3 photos before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photos","buttonBackgroun
3836dColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":true,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"2:3, 3:2","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photos uploaded","confirmCrop":false,"alwaysShowTextField":false,"maxTextLength":15,"textFieldName":"Pet name","textFieldHelpText":"We'll print your pet's name on the socks alongside their photo","textRequired":true,"textRequiredMessage":"Please complete the notes field","textRequiredButtonText":"OK","multiLineText":true,"textLines":2,"textFieldFontSize":"16.00","fieldPadding":"12px 12px"},{"id":"98c47df4-9f8b-4408-b4b4-d68b4bec8cf0","name":"First subject","formLabelText":"Photo of the first subject","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Upload fields for multiple subjects","object_id":"7120085581935"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a photo for the first subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroundColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":["rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded","confirmCrop":false},{"id":"ed243690-04a0-455d-9f6c-fc10bf6e27b1","name":"Second subject","formLabelText":"Photo of the second subject","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Upload fields for multiple subjects","object_id":"7120085581935"}]}],"variantConditionType":"or","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a photo for the second subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroundColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[{"value":"2 subjects","option":"Number of subjects","operator":"contains"},{"value":"3 subjects","option":"Number of subjects","operator":"contains"}],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":["rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded","confirmCrop":false},{"id":"27d01c7e-168e-4c1a-8a67-461fb7a8b4ca","name":"Third subject","formLabelText":"Photo of the third subject","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Upload fields for multiple subjects","object_id":"7120085581935"}]}],"variantConditionType":"or","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a photo for the third subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroun
3836dColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[{"value":"3 subjects","option":"Number of subjects","operator":"contains"}],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":["rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded","confirmCrop":false},{"id":"34011675-7d04-426f-93c1-c42614c7739c","name":"Uploaded image 1","formLabelText":"Uploaded photo (default behavior)","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Open file picker automatically","object_id":"7121037131887"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":false,"requiredMessage":"Please upload a photo for the third subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroundColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded","confirmCrop":false},{"id":"478a51f4-ea2c-4d93-892e-89ae95a8d5f9","name":"Uploaded image 2","formLabelText":"Uploaded photo (always open file picker)","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Open file picker automatically","object_id":"7121037131887"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":false,"requiredMessage":"Please upload a photo for the third subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroundColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":["rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"always","buttonUploadedText":"Photo uploaded","confirmCrop":false}
3836,{"id":"1c7a2358-bbd9-4faa-9a74-1be18fae057b","name":"Uploaded image 3","formLabelText":"Uploaded photo (open file picker on mobile)","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Open file picker automatically","object_id":"7121037131887"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":false,"requiredMessage":"Please upload a photo for the third subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroundColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":["rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"mobile","buttonUploadedText":"Photo uploaded","confirmCrop":false},{"id":"d2e57e9b-a052-47c2-900a-f52a8eac11b4","name":"Uploaded image","formLabelText":"Uploaded photo ","formLabelFontSize":"16px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Add a photo guidelines popup","object_id":"7676560801903"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":false,"requiredMessage":"Please upload a photo for the third subject before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose photo","buttonBackgroundColor":"#4f9ade","buttonColor":"#ffffff","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"4px","enableTextField":false,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":["rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[{"uuid":"96bcf3fa-0f5b-40c1-8100-2bf683591692","ratio":0.6666666666666666}],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"mobile","buttonUploadedText":"Photo uploaded","confirmCrop":false,"labelInfoContent":"\u003cdiv style=\"display: flex; align-items: flex-start; padding: 20px; border-radius: 8px; line-height: 1.2;\"\u003e\n  \u003c!-- Image on the left --\u003e\n  \u003cdiv style=\"flex: 1; padding-right: 20px;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0033\/4807\/0511\/files\/tobym4399_a_snapshot_photo_taken_with_an_iPhone_showing_a_cat_l_5027b9e9-6e5d-4224-bc51-542e05236b25.png?v=1729588772\" alt=\"Pet photo example\" style=\"border-radius: 8px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"flex: 2;\"\u003e\n    \u003cp style=\"font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 0;\"\u003ePhoto Guidelines\u003c\/p\u003e\n    \u003cp style=\"font-size: 16px; margin-bottom: 15px;\"\u003e\n      Please make sure your uploaded photo meets the following requirements for the best result:\n    \u003c\/p\u003e\n    \u003cul style=\"font-size: 16px; line-height: 1.2; padding-left: 20px;\"\u003e\n      \u003cli style=\"margin-bottom: 4px;\"\u003eThe photo should clearly show your pet's head\u003c\/li\u003e\n      \u003cli style=\"margin-bottom: 4px;\"\u003eThe photo should be high resolution\u003c\/li\u003e\n      \u003cli style=\"margin-bottom: 4px;\"\u003eThere should be no other animals in the image\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","labelInfoButtonText":"Photo guidelines","labelInfoPopupButtonText":"OK"}
3836,{"id":"1845ddd7-0b89-4793-99b7-777d543abb73","name":"Photo for magnet","formLabelText":"Upload an image for the magnet","formLabelFontSize":"13px","customCss":".uploadkit-thumbnail { border-radius: 4%; }","validators":[{"type":"fileTypes","args":[["image\/*"]]}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Ensure customers confirm their image crop","object_id":"7791129002095"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a file for the front before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose image","buttonBackgroundColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":false,"studioChoice":null,"variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"1:1","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":["image\/*"],"enableDirectLink":false,"enableOverlay":false,"overlays":[],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Change image","confirmCrop":true},{"id":"2080f3b3-137f-4893-8ef1-7250e790f889","name":"STL file","formLabelText":"Upload a 3D model","formLabelFontSize":"13px","customCss":"","validators":[{"type":"fileTypes","args":[[".stl"]]}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Preview 3D models","object_id":"7791387115631"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a file for the front before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Upload a 3D model","buttonBackgroundColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"7px","enableTextField":false,"buttonFullWidth":false,"studioChoice":null,"variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"","effects":[],"imagesOnly":false,"inputAcceptTypes":[".stl"],"enableDirectLink":false,"enableOverlay":false,"overlays":[],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Preview or change the 3D model","confirmCrop":false},{"id":"45ff7b1b-973e-4241-8a17-ce1f7632e98a","name":"PDF file","formLabelText":"Upload a PDF","formLabelFontSize":"13px","customCss":"","validators":[{"type":"fileTypes","args":[["application\/pdf"]]}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Preview PDF files","object_id":"7791438168175"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a PDF file before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose a file","buttonBackgroundColor":"#d46900","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"5px","enableTextField":false,"buttonFullWidth":true,"studioChoice":null,"variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file url gdrive dropbox","cropSetting":"","effects":[],"imagesOnly":false,"inputAcceptTypes":["application\/pdf"],"enableDirectLink":false,"enableOverlay":false,"overlays":[],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Preview or change the file","confirmCrop":false},{"id":"7857c213-6d35-48d2-9f22-436122306e46","name":"Your photo","formLabelText":"Upload a picture for your photo frame","formLabelFontSize":"13px","customCss":"","validators":[{"type":"imagesOnly"}],"conditionType":"or","conditions":[{"field":"product","operator":"equals","value":"yoyo","products":[{"title":"Set up different aspect ratios for different variants","object_id":"7791564718191"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a file for the front before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Choose a photo","buttonBackgroun
3836dColor":"#157cfc","buttonColor":"#ffffff","buttonPadding":"12px 16px","buttonFontSize":"16px","buttonBorderRadius":"0px","enableTextField":false,"buttonFullWidth":false,"studioChoice":null,"variantConditions":[],"multiple":false,"multipleMax":1,"multipleMin":null,"sources":"file camera url facebook instagram gdrive gphotos dropbox evernote flickr skydrive box vk huddle","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":true,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":"never","buttonUploadedText":"Photo uploaded ✓ ","confirmCrop":false,"dynamicAspectRatios":{"option_name":"Size","aspect_ratios":[{"crop_setting":"1:1","option_value":"12×12\""},{"crop_setting":"12:10","option_value":"12×10\""},{"crop_setting":"12:8","option_value":"12×8\""}]}}],"studio":{"url":"\/a\/uploads","locales":{"default":{"checkoutLinkText":"Upload your files","checkoutParagraphText":"It's time to send us your files so that we can start work on your order.","checkoutButtonText":"Upload now →"}},"checkoutColor":"#FFFFFF","checkoutBackgroundColor":"#1773b0","checkoutButtonColor":"#1773b0","checkoutButtonBackgroundColor":"#FFFFFF"},"v2":true};
3837    window.UploadKit.urls = {
3838      app: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadkit-app.v2.js",
3839      widget: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.js",
3840      widgetFull: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.full.js",
3841      widgetEn: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.en.js",
3842      widgetEnFull: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.en.full.js",
3843      translations: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadkit-translations.js",
3844      studio: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadkit-studio.js",
3845    };
3846  }
3847</script>
3847
3848
3849
3850  
3851    
3851<script>
3852      if (!window.UploadKit || !window.UploadKit.product) {
3853        window.UploadKit = window.UploadKit || {};
3854        window.UploadKit.product = window.UploadKit.product || {"id":7791438168175,"title":"Preview PDF files","handle":"preview-pdf-files","description":"\u003cp\u003eYour customers can upload PDF files and we'll show them a preview post-upload. We've uploaded a sample PDF file for you already, but feel free to remove it and upload your own.\u003c\/p\u003e\n\n\u003cscript\u003e\n  window.UploadKit = window.UploadKit || {}\n  window.UploadKit.callbacks = window.UploadKit.callbacks || {} \n  window.UploadKit.callbacks.uploadcareReady = function() {\n    uploader = window.UploadKit.config.uploaders.find(u =\u003e u.id === \"45ff7b1b-973e-4241-8a17-ce1f7632e98a\")\n    uuids = [\"ae7fd7d3-b623-493e-b42d-80c181b570ba\"]\n    window.UploadKit.addFilesFromUuids(uploader, uuids);\n  }\n\u003c\/script\u003e","published_at":"2025-05-10T06:35:31-04:00","created_at":"2025-05-10T06:19:45-04:00","vendor":"Sample product","type":"","tags":[],"price":899,"price_min":899,"price_max":899,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42990166605935,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Preview PDF files","public_title":null,"options":["Default Title"],"price":899,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364"],"featured_image":"\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364","options":["Title"],"media":[{"alt":null,"id":29110179037295,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1024,"width":1024,"src":"\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364"},"aspect_ratio":1.0,"height":1024,"media_type":"image","src":"\/\/getuploadkit.com\/cdn\/shop\/files\/ChatGPTImageMay10_2025_12_35_54PM.png?v=1746873364","width":1024}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eYour customers can upload PDF files and we'll show them a preview post-upload. We've uploaded a sample PDF file for you already, but feel free to remove it and upload your own.\u003c\/p\u003e\n\n\u003cscript\u003e\n  window.UploadKit = window.UploadKit || {}\n  window.UploadKit.callbacks = window.UploadKit.callbacks || {} \n  window.UploadKit.callbacks.uploadcareReady = function() {\n    uploader = window.UploadKit.config.uploaders.find(u =\u003e u.id === \"45ff7b1b-973e-4241-8a17-ce1f7632e98a\")\n    uuids = [\"ae7fd7d3-b623-493e-b42d-80c181b570ba\"]\n    window.UploadKit.addFilesFromUuids(uploader, uuids);\n  }\n\u003c\/script\u003e"};
3855        window.UploadKit.collections = window.UploadKit.collections || [{"id":76083560559,"handle":"frontpage","updated_at":"2026-04-13T07:04:19-04:00","published_at":"2018-08-23T17:56:15-04:00","sort_order":"manual","template_suffix":null,"published_scope":"web","title":"Home page","body_html":null}];
3856      }
3857    </script>
3857
3858  
3859  
3859<script async src="https://cdn.shopify.com/extensions/760c01a0-f267-4147-938c-779cc98704f4/file-uploads-by-uploadkit-53/assets/uploadkit-embed.js"></script>
3859
3860
3861
3862</div>
3862<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3862
3863</body>
3864</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.