{"product_id":"only-you","title":"Only You Personalized Oversized T-Shirt","description":"\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 40px auto; max-width: 480px; width: 90%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #ffffff; padding: 32px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; box-sizing: border-box;\"\u003e\n\u003ch3 style=\"margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.5px; text-align: center;\"\u003eCustomize Your Order\u003c\/h3\u003e\n\u003cdiv style=\"margin-bottom: 28px; width: 100%;\"\u003e\n\u003clabel style=\"display: block; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 10px; text-align: center;\"\u003e 1. Selected Design Style \u003c\/label\u003e\n\u003cdiv style=\"padding: 16px; border: 1px solid #e4e4e7; background: #f8f8f8; border-radius: 8px; margin: 0; color: #18181b; text-align: center; font-weight: 500; font-size: 16px; letter-spacing: 0.3px;\"\u003eOnly You\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 24px; width: 100%;\"\u003e\n\u003clabel style=\"display: block; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 10px; text-align: center;\"\u003e 2. Upload Your Photo \u003c\/label\u003e \u003cbutton style=\"width: 100%; padding: 16px; cursor: pointer; text-align: center; background: #18181b; color: #ffffff; border: none; border-radius: 8px; font-size: 15px; font-weight: 500; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15); box-sizing: border-box;\" id=\"unique_upload_widget\" type=\"button\"\u003e Choose Image \u003c\/button\u003e\n\u003cdiv style=\"margin-top: 14px; padding: 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; color: #166534; font-weight: 500; font-size: 14px; display: none; text-align: center; align-items: center; justify-content: center; gap: 6px;\" id=\"upload-status\"\u003e\n\u003csvg style=\"display: inline-block; vertical-align: middle; margin-right: 4px;\" fill=\"currentColor\" viewbox=\"0 0 20 20\" height=\"16\" width=\"16\"\u003e\n        \u003cpath clip-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Image uploaded successfully!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 100%; margin-bottom: 32px; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\" id=\"checkout-btn-container\"\u003e\n\u003cbutton style=\"width: 100%; padding: 18px; cursor: pointer; text-align: center; background-color: #a1a1aa; color: #fff; border: none; border-radius: 8px; font-weight: bold; font-size: 16px; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); letter-spacing: 0.5px;\" id=\"custom-checkout-btn\" type=\"button\"\u003e Buy It Now \u003c\/button\u003e\n\u003cp style=\"color: #dc3545; font-weight: 500; font-size: 14px; margin-top: 10px; display: none; text-align: center; margin-bottom: 0;\" id=\"custom-error-msg\"\u003e⚠️ Please upload your photo before buying!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 100%; border-top: 1px solid #f0f0f0; padding-top: 28px; text-align: left; box-sizing: border-box;\"\u003e\n\u003ch4 style=\"margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #1a1a1a;\"\u003eCustom Photo T Shirt\u003c\/h4\u003e\n\u003cp style=\"margin: 0 0 24px 0; font-size: 14px; line-height: 1.5; color: #4b5563;\"\u003eUpload your photo and we will create a custom design for your t shirt.\u003c\/p\u003e\n\u003ch4 style=\"margin: 0 0 16px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a1a; border-bottom: 1px solid #f4f4f5; padding-bottom: 6px;\"\u003eHow It Works\u003c\/h4\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f4f4f5; color: #18181b; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 1\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eUpload your photo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f4f4f5; color: #18181b; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 2\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eChoose your size and style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f4f4f5; color: #18181b; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 3\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003ePlace your order\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #e0f2fe; color: #0369a1; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 4\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eOur team creates your design\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #e0f2fe; color: #0369a1; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 5\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eWe send your preview on WhatsApp or email\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f0fdf4; color: #166534; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 6\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eAfter your approval, we print and ship your t shirt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch4 style=\"margin: 0 0 12px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a1a; border-bottom: 1px solid #f4f4f5; padding-bottom: 6px;\"\u003eProduct Details\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; margin: 0 0 28px 0; display: flex; flex-direction: column; gap: 8px;\"\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Oversized fit\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Soft cotton fabric\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e High quality print\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Custom design made from your photo\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Made to order\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"margin: 0 0 12px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a1a; border-bottom: 1px solid #f4f4f5; padding-bottom: 6px;\"\u003eImportant Information\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px;\"\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e Delivery time is 8 to 10 business days\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e Clear photos give better results\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e Minor changes can be requested before printing\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e No return after final approval\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #unique_upload_widget:hover {\n    background: #27272a !important;\n    transform: translateY(-1px);\n    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.25) !important;\n  }\n  #unique_upload_widget:active, #custom-checkout-btn:active {\n    transform: translateY(1px);\n  }\n\n  \/* Secondary Look state for when change image text fires *\/\n  #unique_upload_widget.upload-success-state {\n    background: #ffffff !important;\n    color: #18181b !important;\n    border: 2px dashed #e4e4e7 !important;\n    box-shadow: none !important;\n  }\n  #unique_upload_widget.upload-success-state:hover {\n    background: #fafafa !important;\n    border-color: #71717a !important;\n  }\n\n  \/* Unlocked Active Styling for Buy It Now Button *\/\n  #custom-checkout-btn.unlocked-state {\n    background-color: #000000 !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;\n    animation: buttonPulse 2s infinite ease-in-out, popScale 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;\n  }\n  #custom-checkout-btn.unlocked-state:hover {\n    background: #232323 !important;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;\n  }\n\n  \/* Premium High-Converting Pulse Animation Logic *\/\n  @keyframes buttonPulse {\n    0% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.4); }\n    70% { box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2), 0 0 0 10px rgba(0, 0, 0, 0); }\n    100% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0); }\n  }\n\n  \/* Pop Scale Effect when unlocked *\/\n  @keyframes popScale {\n    0% { transform: scale(0.9); }\n    50% { transform: scale(1.05); }\n    100% { transform: scale(1); }\n  }\n\n  \/* Error shake animation *\/\n  @keyframes shakeError {\n    0%, 100% { transform: translateX(0); }\n    20%, 60% { transform: translateX(-6px); }\n    40%, 80% { transform: translateX(6px); }\n  }\n  .shake-animation {\n    animation: shakeError 0.4s ease-in-out;\n  }\n\n  \/* Hide original theme cart elements cleanly *\/\n  form[action*=\"\/cart\/add\"] button[type=\"submit\"],\n  form[action*=\"\/cart\/add\"] .shopify-payment-button,\n  .gokwik-checkout,\n  [data-gokwik-checkout],\n  .product-form__buttons,\n  .payment-buttons {\n    display: none !important;\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/upload-widget.cloudinary.com\/global\/all.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cscript type=\"text\/javascript\"\u003e  \n  window.customTshirtData = {\n    imageUrl: '',\n    designStyle: 'Legacy fit'\n  };\n\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Cloudinary widget setup using your verified credentials\n    const myWidget = cloudinary.createUploadWidget({\n      cloudName: 'dugxgkvy',\n      apiKey: '627118336365824', \n      uploadPreset: 'shopify_uploads',\n      uploadSignatureMode: 'unsigned'\n    }, (error, result) =\u003e { \n      if (!error \u0026\u0026 result \u0026\u0026 result.event === \"success\") { \n        window.customTshirtData.imageUrl = result.info.secure_url;\n        document.getElementById('upload-status').style.display = 'flex';\n        document.getElementById('custom-error-msg').style.display = 'none';\n        \n        \/\/ 1. Change the upload button text layout to \"Change Image\"\n        const uploadBtn = document.getElementById(\"unique_upload_widget\");\n        uploadBtn.innerText = \"Change Image\";\n        uploadBtn.classList.add(\"upload-success-state\");\n\n        \/\/ 2. Unlock the checkout button and trigger popup scale and pulse animations\n        const checkoutBtn = document.getElementById(\"custom-checkout-btn\");\n        checkoutBtn.classList.add(\"unlocked-state\");\n      }\n    });\n\n    document.getElementById(\"unique_upload_widget\").addEventListener(\"click\", () =\u003e myWidget.open(), false);\n\n    \/\/ Secure Background Checkout Submission Engine\n    document.getElementById('custom-checkout-btn').addEventListener('click', () =\u003e {\n      const selectedStyle = window.customTshirtData.designStyle;\n      const uploadedImg = window.customTshirtData.imageUrl;\n      const errorMsg = document.getElementById('custom-error-msg');\n      const checkoutBtn = document.getElementById('custom-checkout-btn');\n      const container = document.getElementById('checkout-btn-container');\n\n      \/\/ STOPS BUTTON IF IMAGE IS MISSING (Triggers shake effect)\n      if (!uploadedImg) {\n        errorMsg.style.display = 'block';\n        container.classList.remove('shake-animation');\n        void container.offsetWidth; \/\/ Trigger DOM reflow\n        container.classList.add('shake-animation');\n        return;\n      }\n      errorMsg.style.display = 'none';\n      container.classList.remove('shake-animation');\n      \n      checkoutBtn.innerText = \"Processing...\";\n      checkoutBtn.disabled = true;\n\n      let variantId = '';\n      const variantInput = document.querySelector('input[name=\"id\"], select[name=\"id\"], [name=\"id\"]');\n      if (variantInput) {\n        variantId = variantInput.value;\n      } else {\n        const searchParams = new URLSearchParams(window.location.search);\n        variantId = searchParams.get('variant') || '';\n      }\n\n      if (!variantId) {\n        const fallbackForm = document.querySelector('form[action*=\"\/cart\/add\"]');\n        if (fallbackForm) {\n          const hiddenId = fallbackForm.querySelector('input[name=\"id\"]');\n          if (hiddenId) variantId = hiddenId.value;\n        }\n      }\n\n      const formData = {\n        'items': [{\n          'id': parseInt(variantId),\n          'quantity': 1,\n          'properties': {\n            'Design Style': selectedStyle,\n            'Uploaded Image URL': uploadedImg\n          }\n        }]\n      };\n\n      fetch('\/cart\/add.js', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\/json'\n        },\n        body: JSON.stringify(formData)\n      })\n      .then(response =\u003e {\n        if (!response.ok) throw new Error('Network error');\n        window.location.href = '\/checkout';\n      })\n      .catch((error) =\u003e {\n        console.error('Error:', error);\n        checkoutBtn.innerText = \"Buy It Now\";\n        checkoutBtn.disabled = false;\n        alert(\"Submission error. Please try refreshing and uploading again.\");\n      });\n    });\n  });\n\u003c\/script\u003e\u003c\/p\u003e","brand":"PehlaPyar","offers":[{"title":"S","offer_id":43891993968727,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":43891994001495,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":43891994034263,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":43891994067031,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":43891994099799,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0666\/9058\/0567\/files\/rn-image_picker_lib_temp_92b27bd2-c1af-4cf7-918a-e2eec1ee20a3.png?v=1779719259","url":"https:\/\/pehlapyar.in\/products\/only-you","provider":"PehlaPyar","version":"1.0","type":"link"}