{"product_id":"hoopring-phone-case-for-iphone-duo","title":"Baseus HoopRing Phone Case for iPhone Duo","description":"\u003cp\u003e\n\u003c!-- 图1 --\u003e\n\u003cimg style=\"float: none; text-align: center; display: block; margin: auto; width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_1.jpg?v=1792740238\"\u003e \n\u003c!-- 图2 --\u003e\n\u003cimg style=\"float: none; text-align: center; display: block; margin: auto; width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_2.jpg?v=1792740239\"\u003e \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cstyle\u003e\u003c!--\n  .a-plus-buttons,\n  .a-plus-button-2s,\n  .a-plus-button-3s {\n    text-align: center;\n  }\n\n  .a-plus-button,\n  .a-plus-button-2,\n  .a-plus-button-3 {\n    margin: 10px;\n    padding: 10px 15px;\n    background-color: #ffffff;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: bold;\n  }\n\n  .a-plus-button.active,\n  .a-plus-button-2.active,\n  .a-plus-button-3.active {\n    background-color: #282828;\n    color: #ffffff;\n  }\n\n  .a-plus-images img,\n  .a-plus-images-2 img,\n  .a-plus-images-3 img {\n    float: none;\n  }\n\n  @media (max-width: 480px) {\n    .a-plus-button,\n    .a-plus-button-2,\n    .a-plus-button-3 {\n      width: 100%;\n      font-size: 13px;\n      padding: 5px 10px;\n      margin: 5px;\n    }\n  }\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"embed-container\"\u003e\n    \u003c!-- 第一组：图3-1至3-4（共4个） --\u003e\n    \u003cdiv class=\"a-plus-buttons\" data-group=\"1\"\u003e\n        \u003cbutton class=\"a-plus-button active\" data-group=\"1\" data-index=\"0\"\u003eOne Stand, Multiple Modes\u003c\/button\u003e\n        \u003cbutton class=\"a-plus-button\" data-group=\"1\" data-index=\"1\"\u003e360° Precision Hinge\u003c\/button\u003e\n        \u003cbutton class=\"a-plus-button\" data-group=\"1\" data-index=\"2\"\u003eSecure Grip\u003c\/button\u003e\n        \u003cbutton class=\"a-plus-button\" data-group=\"1\" data-index=\"3\"\u003eUpgraded Raised Design\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"a-plus-images\" data-group=\"1\"\u003e\n        \u003cimg style=\"display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_3_1.jpg?v=1792740238\" alt=\"One Stand, Multiple Modes\"\u003e \n        \u003cimg style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_3_2.jpg?v=1792740238\" alt=\"360° Precision Hinge\"\u003e \n        \u003cimg style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_3_3.jpg?v=1792740238\" alt=\"Secure Grip\"\u003e \n        \u003cimg style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_3_4.jpg?v=1792740238\" alt=\"Upgraded Raised Design\"\u003e \n    \u003c\/div\u003e\n\n    \u003c!-- 第二组：图4-1至4-2（共2个） --\u003e\n    \u003cdiv class=\"a-plus-button-2s\" data-group=\"2\"\u003e\n        \u003cbutton class=\"a-plus-button-2 active\" data-group=\"2\" data-index=\"0\"\u003eThinner \u0026amp; Lighter\u003c\/button\u003e\n        \u003cbutton class=\"a-plus-button-2\" data-group=\"2\" data-index=\"1\"\u003eMatte Finish\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"a-plus-images-2\" data-group=\"2\"\u003e\n        \u003cimg style=\"display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_4_1.jpg?v=1792740238\" alt=\"Thinner \u0026amp; Lighter\"\u003e \n        \u003cimg style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_4_2.jpg?v=1792740238\" alt=\"Matte Finish\"\u003e \n    \u003c\/div\u003e\n\n    \u003c!-- 第三组：图5-1至5-3（共3个） --\u003e\n    \u003cdiv class=\"a-plus-button-3s\" data-group=\"3\"\u003e\n        \u003cbutton class=\"a-plus-button-3 active\" data-group=\"3\" data-index=\"0\"\u003e1:1 Fit AM72\u003c\/button\u003e\n        \u003cbutton class=\"a-plus-button-3\" data-group=\"3\" data-index=\"1\"\u003eOne Gentle Push\u003c\/button\u003e\n        \u003cbutton class=\"a-plus-button-3\" data-group=\"3\" data-index=\"2\"\u003eTwo Signature Colors\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"a-plus-images-3\" data-group=\"3\"\u003e\n        \u003cimg style=\"display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_5_1.jpg?v=1792740238\" alt=\"1:1 Fit AM72\"\u003e \n        \u003cimg style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_5_2.jpg?v=1792740239\" alt=\"One Gentle Push\"\u003e \n        \u003cimg style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_A_5_3.jpg?v=1792740238\" alt=\"Two Signature Colors\"\u003e \n    \u003c\/div\u003e\n\n    \u003c!-- 第四至第六组无数据，整组不输出 --\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  'use strict';\n\n  function getContainer(groupId) {\n    return document.querySelector('.a-plus-images-' + groupId + '[data-group=\"' + groupId + '\"]')\n        || document.querySelector('.a-plus-images[data-group=\"' + groupId + '\"]');\n  }\n\n  function getButtons(groupId) {\n    return document.querySelectorAll('button[data-group=\"' + groupId + '\"]');\n  }\n\n  function showGroup(groupId, index) {\n    var container = getContainer(groupId);\n    if (!container) return;\n\n    var imgs = container.querySelectorAll('img');\n    var btns = getButtons(groupId);\n\n    if (!imgs.length || !btns.length) return;\n\n    for (var i = 0; i \u003c imgs.length; i++) {\n      imgs[i].style.display = (i === index) ? 'block' : 'none';\n    }\n    for (var j = 0; j \u003c btns.length; j++) {\n      btns[j].classList.toggle('active', j === index);\n    }\n  }\n\n  function initGroup(groupId) {\n    var buttons = getButtons(groupId);\n    if (!buttons.length) return;\n\n    for (var i = 0; i \u003c buttons.length; i++) {\n      buttons[i].addEventListener('click', function () {\n        var g = this.getAttribute('data-group');\n        var idx = parseInt(this.getAttribute('data-index'), 10);\n        if (!isNaN(idx)) showGroup(g, idx);\n      });\n    }\n\n    showGroup(groupId, 0);\n  }\n\n  function init() {\n    var groups = {};\n    var allButtons = document.querySelectorAll('button[data-group]');\n\n    for (var i = 0; i \u003c allButtons.length; i++) {\n      groups[allButtons[i].getAttribute('data-group')] = true;\n    }\n\n    for (var g in groups) {\n      if (groups.hasOwnProperty(g)) initGroup(g);\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"Baseus US","offers":[{"title":"Default Title","offer_id":67776373030989,"sku":"P0057400","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0555\/8432\/5709\/files\/Baseus_HoopRing_Phone_Case_for_iPhone_Duo_Deepsea_Blue_01.jpg?v=1792740570","url":"https:\/\/www.baseus.com\/products\/hoopring-phone-case-for-iphone-duo","provider":"Baseus US","version":"1.0","type":"link"}