{"title":"Pink Tourmaline","description":"","products":[{"product_id":"17-61-ct-tourmaline-from-brazil","title":"Pink Tourmaline 17.61 Carats","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:17.19 W:15.64 H:10.66\",\"weight\":\"17.61\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `K5105`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908854083859,"sku":"K5105","price":8805.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_c40b60ad-1440-4a90-a426-28d89af9feb4.jpg?v=1768044615"},{"product_id":"1-86-ct-tourmaline-from-mozambique","title":"Pink Tourmaline 1.86 Carats","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:8.13 W:8.16 H:5.11\",\"weight\":\"1.86\",\"shape\":\"Trillion\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Trillion Cut\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `JG060_13`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908862603539,"sku":"JG060_13","price":186.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_8e3744be-2f55-4dae-bf51-0b53f40da3ae.jpg?v=1768044873"},{"product_id":"2-66-ct-tourmaline-from-mozambique","title":"Pink Tourmaline 2.66 Carats","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:10.11 W:8.08 H:5.09\",\"weight\":\"2.66\",\"shape\":\"Oval\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `JG081_11`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908866601235,"sku":"JG081_11","price":732.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_b4f78a41-b7b4-438b-b61e-1a8f77e90dc2.jpg?v=1768044993"},{"product_id":"2-78-ct-tourmaline-from-mozambique","title":"2.78 Ct. Tourmaline from Mozambique","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:8.11 W:8.05 H:5.33\",\"weight\":\"2.78\",\"shape\":\"Round\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Slightly Included\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Cabochon\",\"cut\":\"Cabochon\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `JG081_15`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908866797843,"sku":"JG081_15","price":139.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_96960bd3-b0e9-4b02-9137-058836e09afb.jpg?v=1770114181"},{"product_id":"3-00-ct-tourmaline-from-mozambique","title":"3.00 Ct. Tourmaline from Mozambique","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:9.01 W:9.03 H:4.84\",\"weight\":\"3.00\",\"shape\":\"Round\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Slightly Included\",\"colorIntensity\":\"Medium\",\"cuttingStyle\":\"Cabochon\",\"cut\":\"Cabochon\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `JG081_16`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908866928915,"sku":"JG081_16","price":150.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_0253a909-315a-444b-bbf3-e4c8aec7d190.jpg?v=1773468262"},{"product_id":"4-84-ct-tourmaline-from-tanzania","title":"Pink Tourmaline 4.84 Carats","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:12.22 W:8.51 H:5.93\",\"weight\":\"4.84\",\"shape\":\"Emerald Cut\",\"origin\":\"Tanzania\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `SE1024`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908868108563,"sku":"SE1024","price":2178.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_008a0786-add9-4819-af25-b2568a7772bf.jpg?v=1768045033"},{"product_id":"4-03-ct-tw-tourmaline-pair-from-mozambique","title":"Pink Tourmaline Pair 4.03 Carats","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"info-tab\" id=\"infoTab\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = [\n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:9.06 W:7.01 H:4.91\",\"weight\":\"1.99\",\"shape\":\"Oval\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Very Slightly Included\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"},{\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:9.01 W:7.09 H:5.11\",\"weight\":\"2.04\",\"shape\":\"Oval\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Very Slightly Included\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"}\n];\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoTab = document.getElementById('infoTab');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 创建标签\n            function createTabs() {\n                \/\/ 清空现有标签\n                infoTab.innerHTML = '';\n                \/\/ 根据valList创建标签\n                valList.forEach((item, index) =\u003e {\n                    const span = document.createElement('span');\n                    span.textContent = `Stone ${index + 1}`;\n                    if (index === 0) {\n                        span.classList.add('active');\n                    }\n                    \/\/ 添加点击事件\n                    span.addEventListener('click', function() {\n                        \/\/ 移除所有标签的active类\n                        document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n                            tab.classList.remove('active');\n                        });\n                        \/\/ 给当前点击的标签添加active类\n                        this.classList.add('active');\n                        \/\/ 更新信息列表\n                        updateInfoList(index);\n                    });\n                    infoTab.appendChild(span);\n                });\n            }\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 获取当前数据\n                const currentData = valList[index];\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = currentData[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `JG060_11`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 创建标签\n                createTabs();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908869419283,"sku":"JG060_11","price":504.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_5da52322-9c82-4d62-9e47-1664486c6144.jpg?v=1768045062"},{"product_id":"3-22-ct-tw-tourmaline-pair-from-mozambique","title":"Pink Tourmaline Pair 3.22 Carats","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"info-tab\" id=\"infoTab\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = [\n        {\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:8.05 W:6.00 H:4.10\",\"weight\":\"1.57\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Very Slightly Included\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"},{\"stoneType\":\"Tourmaline\",\"dimensions\":\"L:8.07 W:6.06 H:4.27\",\"weight\":\"1.65\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Very Slightly Included\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"}\n];\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoTab = document.getElementById('infoTab');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 创建标签\n            function createTabs() {\n                \/\/ 清空现有标签\n                infoTab.innerHTML = '';\n                \/\/ 根据valList创建标签\n                valList.forEach((item, index) =\u003e {\n                    const span = document.createElement('span');\n                    span.textContent = `Stone ${index + 1}`;\n                    if (index === 0) {\n                        span.classList.add('active');\n                    }\n                    \/\/ 添加点击事件\n                    span.addEventListener('click', function() {\n                        \/\/ 移除所有标签的active类\n                        document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n                            tab.classList.remove('active');\n                        });\n                        \/\/ 给当前点击的标签添加active类\n                        this.classList.add('active');\n                        \/\/ 更新信息列表\n                        updateInfoList(index);\n                    });\n                    infoTab.appendChild(span);\n                });\n            }\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 获取当前数据\n                const currentData = valList[index];\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = currentData[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `JG060_12`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 创建标签\n                createTabs();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908869452051,"sku":"JG060_12","price":644.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_637e426f-7ebe-4053-b42a-f8d89b41127c.jpg?v=1768045065"}],"url":"https:\/\/www.jerrygil.com\/collections\/pink-tourmaline\/emerald-octagon.oembed","provider":"Jerry Gil \u0026 Company","version":"1.0","type":"link"}