{"product_id":"b0fkbgrwph","title":"TONEOF Magnetic Selfie Stick Tripod with Aluminum Strong Magnetic Holder for Magsafe, 360° Rotatable Travel Phone Tripod Stand with Metal Ring \u0026 Rechargeable Remote for iPhone\/Android","description":"\u003cdiv style=\"font-family: sans-serif; line-height: 1.6;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eBrand\u003c\/b\u003e : TONEOF\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eModel Name\u003c\/b\u003e : CX609\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eModel Number\u003c\/b\u003e : CX609\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eItem Length\u003c\/b\u003e : 68 inches\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eManufacturer\u003c\/b\u003e : Shenzhen Junxiong Century Digital Technology Co., Ltd.\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eUnit Count\u003c\/b\u003e : 1 Count\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eIncluded Components\u003c\/b\u003e : Charging cable, Metal ring, Remote, Selfie stick\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eManufacturer Part Number\u003c\/b\u003e : CX609\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eWarranty Description\u003c\/b\u003e : 12 months\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eItem Weight\u003c\/b\u003e : 320 g\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eMaximum Height\u003c\/b\u003e : 68 inches\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eMinimum Height\u003c\/b\u003e : 11 inches\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eFolded Size\u003c\/b\u003e : 5 inches\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eCompatible Devices\u003c\/b\u003e : Smartphone\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eSpecial Features\u003c\/b\u003e : Foldable, Lightweight, Remote Control, Telescopic\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eHead Type\u003c\/b\u003e : Adjustable Heads\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eColor\u003c\/b\u003e : Orange\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eMaterial Type\u003c\/b\u003e : Aluminum, Plastic\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eMedia Type\u003c\/b\u003e : ProductImage\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eWater Resistance Level\u003c\/b\u003e : Not Water Resistant\u003c\/li\u003e\n\u003cli style=\"margin-bottom:5px;\"\u003e\n\u003cb\u003eVideo Capture Format\u003c\/b\u003e : MP4\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch2\u003eDescription\u003c\/h2\u003e\n\u003cdiv\u003e.aplus-v2 .aplus-content-wrapper { position: relative; overflow: hidden; } .aplus-v2 .container-with-background-image { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } function logShoppableMetrics(moduleName, showsAddToCart) { if (window.ue \u0026amp;\u0026amp; window.ue.count) { window.ue.count(\"aplus:shoppable:\" + moduleName + \":addToCart\", showsAddToCart ? 1 : 0); } } Product description .aplus-v2 .premium-aplus-module-13 .aplus-carousel-container { position: relative; } .aplus-v2 .premium-aplus-module-13 .aplus-carousel-element { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-13 .aplus-card-link-button { text-align: center; padding-top: 20px; } .aplus-v2 .premium-aplus-module-13 .aplus-text-background, .aplus-v2 .premium-aplus-module-13 .aplus-text-background h1, .aplus-v2 .premium-aplus-module-13 .aplus-text-background h5, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol .a-list-item, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-background-wrapper { position: relative; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper { position: absolute; width: 50%; height: 100%; top: 0; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: 50%; } html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: auto; right: 50%; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-intro-background { padding: 20px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic { padding-bottom: 10px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading { padding-bottom: 20px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-description { line-height: 1.5em; } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background { background: rgba(255,255,255,0.5); } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background { background: rgba(0,0,0,0.5); } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-intro-content-container { display: table; height: 100%; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 40px; } html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 0px; padding-right: 40px; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 40px; } html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 0px; padding-left: 40px; } .aplus-v2 .premium-aplus-module-2 .premium-intro-content-column { display: table-cell; vertical-align: middle; } \/** * Premium modules global styles *\/ .aplus-v2.desktop { max-width: 1464px; min-width: 800px; margin-left: auto; margin-right: auto; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } \/* Undo this for tech-specs because it breaks table layout *\/ .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; } .aplus-v2 .premium-aplus, .aplus-v2 .premium-aplus .aplus-h1, .aplus-v2 .premium-aplus .aplus-h2, .aplus-v2 .premium-aplus .aplus-p1, .aplus-v2 .premium-aplus .aplus-p2, .aplus-v2 .premium-aplus .aplus-p3, .aplus-v2 .premium-aplus .aplus-accent1, .aplus-v2 .premium-aplus .aplus-accent2 { font-family: Arial, sans-serif; } .aplus-v2 .premium-aplus, .aplus-v2 .premium-aplus .aplus-h1, .aplus-v2 .premium-aplus .aplus-h2, .aplus-v2 .premium-aplus .aplus-p1, .aplus-v2 .premium-aplus .aplus-p2, .aplus-v2 .premium-aplus .aplus-p3, .aplus-v2 .premium-aplus .aplus-accent1, .aplus-v2 .premium-aplus .aplus-accent2 { font-family: inherit; } \/* type *\/ .aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; } .aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; } \/* spacing *\/ .aplus-v2 .aplus-container-1 { padding: 40px; } .aplus-v2 .aplus-container-1-2 { padding: 40px 80px; } .aplus-v2 .aplus-container-2 { padding: 80px; } .aplus-v2 .aplus-container-3 { padding: 40px 0; } \/* Display *\/ .aplus-v2 .premium-aplus .aplus-display-table { display: table; } .aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; } .aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; } \/* Aplus display table with min-width 1000px and fill remaining space inside parent *\/ .aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% } \/** * Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80. *\/ \/** * Premium-module 13: Carousel *\/ .aplus-v2 .premium-aplus-module-13 .aplus-card-description-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .aplus-v2 .premium-aplus-module-13 .aplus-card-description { display: table; width: 50%; height: 100%; color: #fff; } .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell { display: table-cell; vertical-align: middle; text-align: left; } html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell { text-align: right; } .aplus-v2 .premium-aplus-module-13 .aplus-text-background { background: rgba(0, 0, 0, 0.6); } .aplus-v2 .premium-aplus-module-13 .aplus-card-body { padding: 20px 40px 0 0; } html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-13 .aplus-card-body { padding: 20px 0 0 40px; } .aplus-v2 .premium-aplus-module-13 .aplus-pagination-wrapper { position: absolute; top: 92%; width: 100%; } \u003cimg alt=\"68in magnetic tripod orange\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/1c1a5205-20fe-43cd-8f3c-dfe0700fd361.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003cimg alt=\"68in Long\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/1274278e-7dd4-4229-8f51-268fb3f57564.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e Previous page Stick the metal ring onto your phone and wait 12 hours before using it to ensure that it is securely attached and will not fall off. Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now(\"premium-aplus-13-carousel-2\").execute(\"init-pagination-carousel\", function(init) { if (init) { return; } P.register(\"premium-aplus-13-carousel-2\", function() { return function() { P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = \"2\"; var carouselName = \"premium-aplus-13-carousel-2\"; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName; \/* If the carousel goes to a new page *\/ A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) { A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement \u0026amp;\u0026amp; parentElement.children) { const children = parentElement.children; for (let i = 0; i \u0026lt; children.length; i++) { if (i \u0026gt;= numPages) { \/\/ If number of dots \u0026gt; num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { \/\/ Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + \" .carousel-slider-circle\"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex \u0026gt; 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex \u0026lt; dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); Note: Do not attach the magnetic metal ring to the inside of the phone case, as this may weaken the magnetic suction. (The metal ring cannot be attached to a leather case or silicone phone case.) Please do not use in windy conditions or on uneven ground, as the tripod may tip over. (function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when(\"premium-aplus-13-carousel-2\").execute('invoke-premium-13-carousel-desktop', function(init){init();}); })); Previous page Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now(\"premium-aplus-13-carousel-3\").execute(\"init-pagination-carousel\", function(init) { if (init) { return; } P.register(\"premium-aplus-13-carousel-3\", function() { return function() { P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = \"3\"; var carouselName = \"premium-aplus-13-carousel-3\"; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName; \/* If the carousel goes to a new page *\/ A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) { A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement \u0026amp;\u0026amp; parentElement.children) { const children = parentElement.children; for (let i = 0; i \u0026lt; children.length; i++) { if (i \u0026gt;= numPages) { \/\/ If number of dots \u0026gt; num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { \/\/ Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + \" .carousel-slider-circle\"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex \u0026gt; 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex \u0026lt; dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); (function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when(\"premium-aplus-13-carousel-3\").execute('invoke-premium-13-carousel-desktop', function(init){init();}); })); \u003cimg alt=\"Remote control\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/c1021756-4f03-4fdf-b70e-72db2daa0306.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e Previous page Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now(\"premium-aplus-13-carousel-5\").execute(\"init-pagination-carousel\", function(init) { if (init) { return; } P.register(\"premium-aplus-13-carousel-5\", function() { return function() { P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = \"5\"; var carouselName = \"premium-aplus-13-carousel-5\"; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName; \/* If the carousel goes to a new page *\/ A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) { A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement \u0026amp;\u0026amp; parentElement.children) { const children = parentElement.children; for (let i = 0; i \u0026lt; children.length; i++) { if (i \u0026gt;= numPages) { \/\/ If number of dots \u0026gt; num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { \/\/ Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + \" .carousel-slider-circle\"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex \u0026gt; 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex \u0026lt; dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); (function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when(\"premium-aplus-13-carousel-5\").execute('invoke-premium-13-carousel-desktop', function(init){init();}); })); Previous page Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now(\"premium-aplus-13-carousel-6\").execute(\"init-pagination-carousel\", function(init) { if (init) { return; } P.register(\"premium-aplus-13-carousel-6\", function() { return function() { P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = \"6\"; var carouselName = \"premium-aplus-13-carousel-6\"; var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName; var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName; \/* If the carousel goes to a new page *\/ A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) { A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement \u0026amp;\u0026amp; parentElement.children) { const children = parentElement.children; for (let i = 0; i \u0026lt; children.length; i++) { if (i \u0026gt;= numPages) { \/\/ If number of dots \u0026gt; num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { \/\/ Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === HOME_KEY; var isEnd = isKeydown \u0026amp;\u0026amp; event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + \" .carousel-slider-circle\"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex \u0026gt; 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex \u0026lt; dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); (function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when(\"premium-aplus-13-carousel-6\").execute('invoke-premium-13-carousel-desktop', function(init){init();}); }));\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Unknown","offers":[{"title":"Default Title","offer_id":44333952630887,"sku":"B0FKBGRWPH","price":60.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/0833\/7767\/files\/61AGg0EfnTL._SL1500.jpg?v=1785664041","url":"https:\/\/homelogic-shop.com\/products\/b0fkbgrwph","provider":"HomeLogic","version":"1.0","type":"link"}