{"product_id":"cattina-ring-oval-purple-sapphire-6","title":"Cattina Ring - Oval Purple Sapphire (6)","description":"\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan style=\"font-weight: 400;\" data-mce-fragment=\"1\" data-mce-style=\"font-weight: 400;\"\u003eOur emblematic Cattina is #likeDNA, once slipped on, it intertwines with your being becoming an inseparable part of your essence. Its weightless and effortless nature adorns your hand with the stone in the shape and color of your choice, and is set in 18K gold. A Josefina Baillères essential, it is the perfect dainty detail to add a sparkle to your every day.\u003c\/span\u003e \u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- You're going to need to rewrite the javascript to place the popup as the direct child of the \u003cmain id=\"main\"\u003e area of the page. Nothing else seems to work and I can't find where the id=\"main\" area is created in the liquid templates --\u003e \u003c!-- \u003cdiv class=\"N__product-desciption-popup\"\u003e\n    \u003cdiv class=\"N__product-desciption-popup-content\"\u003e\n        \u003csvg\n            width=\"13px\"\n            id=\"N__product-description-popup-close\"\n            xml:space=\"preserve\"\n            style=\"enable-background: new 0 0 16 14\"\n            viewBox=\"0 0 16 14\"\n            y=\"0px\"\n            x=\"0px\"\n            xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            version=\"1.1\"\n        \u003e\n            \u003cpath d=\"M15,0L1,14 M15,14L1,0\" class=\"st0\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"N__product-description-popup-update-section\"\u003e\n            \u003ch3\u003e\u003c\/h3\u003e\n            \u003cdiv\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e --\u003e\n\u003cdiv class=\"N__product-description-box\"\u003e\n\u003cdiv class=\"N__product-description-box-left\"\u003e\n\u003cp id=\"N__product-description-box-item-1\"\u003eDETAILS\u003c\/p\u003e\n\u003cp id=\"N__product-description-box-item-2\"\u003eCARE ADVICE\u003c\/p\u003e\n\u003cp id=\"N__product-description-box-item-3\"\u003eSHIPPING\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"N__product-description-box-right\"\u003e\n\u003cp id=\"N__product-description-box-item-4\"\u003eSAVOIR-FAIRE\u003c\/p\u003e\n\u003cp id=\"N__product-description-box-item-5\"\u003eASSISTANCE\u003c\/p\u003e\n\u003cp id=\"N__product-description-box-item-6\"\u003eBOOK AN APPOINTMENT\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\t\/\/ creating and inserting popup\n\tconst mainPageDiv = document.querySelector('#main');\n\n\tconst imagePopUpHTMLContent = `\n        \u003cdiv class=\"N__product-desciption-popup-content\"\u003e\n            \u003csvg\n                width=\"13px\"\n                id=\"N__product-description-popup-close\"\n                xml:space=\"preserve\"\n                style=\"enable-background: new 0 0 16 14\"\n                viewBox=\"0 0 16 14\"\n                y=\"0px\"\n                x=\"0px\"\n                xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                version=\"1.1\"\n            \u003e\n                \u003cpath d=\"M15,0L1,14 M15,14L1,0\" class=\"st0\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            \u003cdiv class=\"N__product-description-popup-update-section\"\u003e\n                \u003ch3\u003e\u003c\/h3\u003e\n                \u003cdiv\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        `;\n\tconst popupElement = document.createElement('div');\n\tpopupElement.classList.add('N__product-desciption-popup');\n\tpopupElement.innerHTML = imagePopUpHTMLContent;\n\tconsole.log(popupElement);\n\n\tmainPageDiv.prepend(popupElement);\n\t\/\/ mainPageDiv.insertBefore(popupElement, mainPageDiv.firstChild);\n\n\t\/\/ menu items\n\tconst productDescriptionBoxItemOne = document.querySelector('#N__product-description-box-item-1');\n\tconst productDescriptionBoxItemTwo = document.querySelector('#N__product-description-box-item-2');\n\tconst productDescriptionBoxItemThree = document.querySelector('#N__product-description-box-item-3');\n\tconst productDescriptionBoxItemFour = document.querySelector('#N__product-description-box-item-4');\n\tconst productDescriptionBoxItemFive = document.querySelector('#N__product-description-box-item-5');\n\tconst productDescriptionBoxItemSix = document.querySelector('#N__product-description-box-item-6');\n\t\/\/ const productDescriptionBoxItemSeven = document.querySelector('#N__product-description-box-item-7');\n\n\t\/\/ popup items\n\tconst productPopup = document.querySelector('.N__product-desciption-popup');\n\tconst productPopupCustomArea = document.querySelector('.N__product-description-popup-update-section');\n\tconst productPopupTitle = productPopupCustomArea.querySelector('h3');\n\tconst productPopupContent = productPopupCustomArea.querySelector('div');\n\tconst productPopupClose = document.querySelector('#N__product-description-popup-close');\n\n\t\/**\n\t * This is where you can write the description for each menu item. This will affect what's inside the popup box. The titles will auto update, but the content inside will need to be written properly here\n\t *\n\t * If you want a line break, you'll need to copy and past this code: ${lineBreak}\n\t * If you want to just move to the next line, copy this code: ${returnBreak}\n\t **\/\n\tconst lineBreak = '\u003cbr\/\u003e\u003cbr\/\u003e';\n\tconst returnBreak = '\u003cbr\/\u003e';\n\n\t\/\/Details\n  \tconst itemOneContent = `Custom select your responsibly sourced beryllium treated orange sapphire. Weight averages from .10 to .20 ct and measures between 3 and 5 mm. Chain width is around 1.2 mm and is 18K gold. We strive to provide accurate reference images, but please note that due to the unique nature of each stone, there may be slight variations in color from ring to ring.\n${lineBreak}We recommend choosing your exact \"ring finger\" size since chains naturally stretch with time. You will be able to alternate it to the “middle finger” as time goes by.\n${lineBreak}\u003ci\u003ePlease note: All our pieces are made to order and require 11 to 14 weeks for production.\u003c\/i\u003e`;\n\n\/\/ Care advice\n\tconst itemTwoContent = `Josefina Baillères pieces are delicate objects which demand gentle handling and require the utmost care. Avoid direct shocks or hits. Avoid direct contact with perfume, alcohol, or any other harsh chemicals.${lineBreak}Store jewelry individually in a dry, enclosed bag or box, and avoid contact with other jewelry or objects, for they may scratch your piece.${lineBreak}Handle chains with care. Carefully remove chains before putting on or taking off garments to prevent unwanted snapping.${lineBreak}Wear and tear is natural. We advise a yearly revision by our jewelers and will happily repair and repolish your pieces. Shipping is subject to separate charges.`;\n\n\n\n\t\/\/ shipping\n\tconst itemThreeContent = `DOMESTIC${returnBreak}Shipments are serviced via FedEx \u0026 UPS, and are insured by our partner insurance company. Sales tax varies by state and is calculated at checkout.${lineBreak}Overnight: Arrival expected the next business day (excluding weekends and holidays).${returnBreak}Two Day: Arrival is expected within 2 business days (excluding weekends and holidays).${returnBreak}Ground: Arrival is expected within 4 to 10 business days (excluding weekends and holidays).${returnBreak}An adult signature is required.${lineBreak}INTERNATIONAL${returnBreak}Shipments are serviced via FedEx, UPS, Ferrari, or Malca-Amit, and may take from 7 to 15 days (excluding weekends and holidays). To ensure shipment is available for certain destinations, please email us after placing your order to discuss further options.${lineBreak}\u003ci\u003ePlease note: Prices and shipping fees do not include import and customs duties, Value Added Taxes (“VAT”), tariffs, and other fees that may be collected by the destination country. The fees stated above are the responsibility of the purchaser. Purchasers will be asked by the carrier to place their payments via telephone or email upon the arrival of the package to the destination country. Josefina Baillères is not responsible for brokerage fees, import and customs duties, Value Added Taxes (“VAT”), tariffs, and\/or any other associated fees.\u003c\/i\u003e${lineBreak}The order recipient is the importer of record and must comply with all laws, regulations, and restrictions of the destination country. Josefina Baillères is not responsible for delayed delivery of packages due to customs issues when shipping internationally.${returnBreak}All costs incurred on a refused delivery because of high customs or brokerage fees, duties, taxes, or restrictions imposed by the country of destination are the purchaser's responsibility.${lineBreak}All purchases are final and non-refundable. If there is a manufacturing defect upon receipt of your order, please notify us within 14 days of delivery. For exchanges, the pieces must be unused and in the original packaging. We reserve the right to refuse replacement requests if we believe the items are intentionally damaged or misused.`;\n\n\t\/\/ Savoir-faire\n\tconst itemFourContent = `Our savoir-faire seamlessly binds the artistry of craft, design, and the essence of gemstones. This enchanting fusion ignites inspiration and brings our creations to life. In New York City and Paris, our jewelers shape raw materials into masterpieces, incorporating the most cutting-edge techniques and technologies to create outstanding works of art.${lineBreak}For more information, please refer to our \u003ca href=\"https:\/\/josefinabailleres.com\/pages\/savoir-faire\" target=\"_blank\"\u003e\u003cu\u003esavoir-faire\u003c\/u\u003e\u003c\/a\u003e page.`;\n\n\t\/\/ Assistance\n\tconst itemFiveContent = `Please \u003ca href=\"https:\/\/josefinabailleres.com\/pages\/contact-us\" target=\"_blank\"\u003e\u003cu\u003econtact us\u003c\/u\u003e\u003c\/a\u003e if you would like to order a variation of this product or make any other custom inquiries. We will be delighted to assist you.`;\n\n\t\/\/ Book an appointment\n\tconst itemSixContent = `\u003ca href=\"https:\/\/ugbb1cfs82n.typeform.com\/to\/s3YnZbPo\" target=\"_blank\"\u003e\u003cu\u003eBook\u003c\/u\u003e\u003c\/a\u003e a design consultation.${lineBreak}`;\n\n\t\/\/ other item\n\t\/\/ const itemEightContent = `Care advice blog cardigan food truck pinterest, iPhone XOXO fingerstache selfies normcore 3 wolf moon craft beer. Knausgaard cred cloud bread, vegan distillery YOLO poke retro kickstarter normcore cliche. Flexitarian messenger bag 3 wolf moon tacos ${lineBreak}palo santo fam heirloom keytar normcore banh mi taxidermy fixie ennui polaroid butcher. Disrupt cliche pok pok wayfarers tacos. Cold-pressed trust fund readymade plaid. Actually meh tumeric humblebrag raw denim occupy tacos VHS flexitarian narwhal twee fanny pack tumblr ethical slow-carb.`;\n\n\t\/**\n\t * the code that makes it happen\n\t **\/\n\tlet popupActive = false;\n\tconst togglePopup = (action) =\u003e {\n\t\tif (popupActive === false \u0026\u0026 action === 'open') {\n\t\t\tproductPopup.style.display = 'block';\n\t\t\tsetTimeout(() =\u003e {\n\t\t\t\tproductPopup.style.opacity = 1;\n\t\t\t\t\/\/ productPopup.style.transform = 'translateY(-10px)';\n\t\t\t}, 50);\n\t\t\tpopupActive = true;\n\t\t\tconsole.log('opening popup');\n\t\t} else if (action === 'close') {\n\t\t\tproductPopup.style.opacity = 0;\n\t\t\t\/\/ productPopup.style.transform = 'translateY(0)';\n\t\t\tsetTimeout(() =\u003e {\n\t\t\t\tproductPopup.style.display = 'none';\n\t\t\t}, 500);\n\t\t\tpopupActive = false;\n\t\t\tconsole.log('closing popup');\n\t\t}\n\t};\n\n\tconst pushUpdate = (e, content) =\u003e {\n\t\tproductPopupTitle.innerText = e.target.innerText;\n\t\tproductPopupContent.innerHTML = content;\n\t};\n\n\tconst updateDescriptionBox = (e) =\u003e {\n\t\tswitch (e.target.id) {\n\t\t\tcase 'N__product-description-box-item-1':\n\t\t\t\tpushUpdate(e, itemOneContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-2':\n\t\t\t\tpushUpdate(e, itemTwoContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-3':\n\t\t\t\tpushUpdate(e, itemThreeContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-4':\n\t\t\t\tpushUpdate(e, itemFourContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-5':\n\t\t\t\tpushUpdate(e, itemFiveContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-6':\n\t\t\t\tpushUpdate(e, itemSixContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-7':\n\t\t\t\tpushUpdate(e, itemSevenContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tcase 'N__product-description-box-item-8':\n\t\t\t\tpushUpdate(e, itemEightContent);\n\t\t\t\ttogglePopup('open');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconsole.log('it worked, but you clicked something other than description');\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tproductPopupClose.addEventListener('click', () =\u003e togglePopup('close'));\n\n\tconst menuItemTriggers = [\n\t\tproductDescriptionBoxItemOne,\n\t\tproductDescriptionBoxItemTwo,\n\t\tproductDescriptionBoxItemThree,\n\t\tproductDescriptionBoxItemFour,\n\t\tproductDescriptionBoxItemFive,\n\t\tproductDescriptionBoxItemSix,\n\t\t\/\/ productDescriptionBoxItemSeven,\n\t];\n\n\tmenuItemTriggers.forEach((item) =\u003e {\n\t\titem.addEventListener('click', updateDescriptionBox);\n\t});\n\u003c\/script\u003e","brand":"Josefina Baillères","offers":[{"title":"Oval \/ 18K White Gold \/ 6","offer_id":45428096106672,"sku":null,"price":495.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/0050\/6288\/files\/OVAL_PURPLE_18KW_CATTINA_JB_ead0b7a3-9923-4626-97b9-ff7c15c23a47.jpg?v=1782766575","url":"https:\/\/josefinabailleres.com\/en-mx\/products\/cattina-ring-oval-purple-sapphire-6","provider":"Josefina Bailleres","version":"1.0","type":"link"}