Advertisement
VladislavNechepaev

Untitled

Nov 17th, 2020
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. if (window.location.pathname === "/support/catalog/items/35") {
  2.       const fsFields = {
  3.         item: "requested_item_values_35_requested_item_value_attributes_cf_item_63350"
  4.       }
  5.       const itemList = {
  6.         "Hoodie black: front logo": "https://uc14e79f5bd64490c45c445ca30c.previews.dropboxusercontent.com/p/thumb/AA_Iy0cdb3bq5WwlIyvBPXcis3t5N5IfrPSNIb9Z4aQMTmqUyJwT7teWtVKxNuPqAVFR2psAwwH7JrFB9JEFbXGCFXIn671-DjxgOPLhzkfaMiYyCNU_Ik0vjaVgadRnSLMJKecj0yclbq0wcK1s50z2pnaebuq6udVOxjFfbUrW_lc2Dsdk3YjxjQc8Rou4SzuY9VCNF3c_Cr1YvAgmrFil8fLbaY0JqGx7g1tGvw6gbX-Ic0_7HMMc65d4oVHDCabg1wI0KCGxaEu78D6AkE_5lLthFLI8fe_u3BeCCkW_14sJ8qsgukriIjkCXqH_Yq4XQBni7mH_4WLkSSHoJu0HmMFUUFdkfRGGFVAa3fhlSA/p.png",
  7.         "Hoodie black: front+arm logo": "https://uc2ae4904e6443d1ad12da87735a.previews.dropboxusercontent.com/p/thumb/AA_KYATtkol6FY26lvI5vr8pPTAyWU7NTtc-BUcR5o_0D500FmBWi1MzcQSNTJGs_vtaMEpM_Xy9_uIMopYdFSFqFdzRJo2xQGK0ZzSs_fNrRTSgyeN7GmqRr24NJ-nN-4JJ2UZ6kvWZ_n2CvQmQdzvCSq6rmPWSjWngVHkTmM1BhqqPs4m0jF82LEr2UZELlsWUcNsDhEtHT71Vaie1qN55JD31--nfu1QEDZXvMk1PmlLPCXJycz73T0ApB1XACQH8YPHmR3BgYQ60BdyN4ttDyQsKy198JrEBnT7Kgn1UMXUF97hd01P3wE4UJI1kZhU6Kj6bgQHYRmPZuTKPoCZjVvSR8cmgn7uvNItZd9fvEQ/p.png",
  8.         "Hoodie black: front+back logo": "https://uc44010cd0e8ff099d1abe9d4c72.previews.dropboxusercontent.com/p/thumb/AA8uWDxhIVWlzJJe49VMBIOIpgb1wq4X-oqhtde59Dd4DlJCZZioSm_jDxrzu0gSCU_wyCGRFmgBGDyKSSt5HszDlR6bs-klSi0PX-V9433_uuaLXUyqfOcDUb9dEiGHRv1oVnAj39UaZgGI74ks5itfoVpSNA4ZiVPU4N6w1UTVZGEXaBoOe9DOIIEOWVbWuxPW3o_wxv3SLQ2Zs0KrL19Kwz7Wc2VmxtriL8iBfOuGP6tE7d7uL-LeIo_BvdN7Hjmpvlo_hBf0nMMwc18Ftwetdck0YxDs-_vx4MC-30F58tpXkno1MUAxuZiDr2Wk1VrxVUs_c4rVafZDJ3c4eRbpbVwtE39X7tTTpdKG-RBxmw/p.png",
  9.         "Hoodie khaki": "https://uc68affa27848a68f62705483070.previews.dropboxusercontent.com/p/thumb/AA9zKo4tGJtFZq3il4oZLBSylh92Jab2_HL39q2invzIlYQcSA8oeFOC80x7AQsNV5R6MD4n_MVAcm3_scBYw5gSI1lpvSsJ6rAN-BmB4y5rK85kblVaWJbHKnJje6lXDDb6s7nwNjv0VYG6Bb57cXGai6IJRDz670gYqaKcBsyYC7udFMCwsIyLaaNuQo7fXyd0a2o9EU0Eb1K36cbmcx_EqzF0j1rXOQEf5hIBjbGFUgJiA9zCksJm78eKtbF0IMJV11FFT5LPYhRFgrR0HMukcctW1bHh8E9YdKsFztP3Ci_zV1X-Cz10Wt_E6ahLoAxkcOO_GjnvdmpuqvYaBPcGok5bVc3EzXVedslTUPb7Ng/p.png"
  10.       }
  11.       // ===============================================
  12.       const fsNative = {
  13.         item: document.getElementById(fsFields.item)
  14.       }
  15.           fsNative.item.style.display = "none"
  16.            
  17.       const itemContainer = document.createElement("div")
  18.       itemContainer.style.width = "100%"
  19.       for (let itemName in itemList) {
  20.         const container = document.createElement("div")
  21.         const radio = document.createElement("input")
  22.         radio.type = "radio"
  23.         radio.name = "item"
  24.         radio.value = itemName
  25.         radio.id = itemName
  26.         const label = document.createElement("label")
  27.         label.htmlFor = itemName
  28.         label.style.display = "inline"
  29.         const img = document.createElement("img")
  30.         img.src = itemList[itemName]
  31.         img.style.width = "400px"
  32.         img.style.border = "1px solid lightgrey"
  33.         img.style.margin = "5px"
  34.        
  35.         label.appendChild(img)
  36.         container.appendChild(radio)
  37.         container.appendChild(label)
  38.        
  39.         itemContainer.appendChild(container)
  40.          
  41.         radio.onchange = function(){ renderController(this) }
  42.       }
  43.       fsNative.item.parentNode.appendChild(itemContainer)
  44.        
  45.       function renderController(context){
  46.         fsNative.item.value = context.value
  47.       }
  48.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement