{"id":8700,"date":"2025-07-30T23:22:20","date_gmt":"2025-07-31T03:22:20","guid":{"rendered":"https:\/\/sing2sky.com\/?page_id=8700"},"modified":"2025-08-22T07:59:02","modified_gmt":"2025-08-22T11:59:02","slug":"infant-toddler-collection","status":"publish","type":"page","link":"https:\/\/sing2sky.com\/pt\/products\/infant-toddler-collection\/","title":{"rendered":"Infant &amp; Toddler Collection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8700\" class=\"elementor elementor-8700\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c09140 e-flex e-con-boxed e-con e-parent\" data-id=\"3c09140\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5384880 elementor-widget elementor-widget-html\" data-id=\"5384880\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        \/* Infant & Toddler Collection Styles *\/\r\n        .infant-toddler-container * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .infant-toddler-container {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            background-color: #f5f5f5;\r\n            color: #333;\r\n        }\r\n\r\n        .infant-toddler-container .product-main {\r\n            background-color: #f9f9f9;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .infant-toddler-container .category-header {\r\n            background: white;\r\n            border-bottom: 1px solid #e0e0e0;\r\n            padding: 30px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .infant-toddler-container .category-header h1 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .infant-toddler-container .category-header p {\r\n            font-size: 1.1rem;\r\n            color: #666;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .infant-toddler-container .wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n\r\n        .infant-toddler-container .list-results {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n            flex-wrap: nowrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .infant-toddler-container .total {\r\n            font-size: 16px;\r\n            color: #333;\r\n            font-weight: 500;\r\n            flex: 1;\r\n            min-width: 0;\r\n        }\r\n\r\n        .infant-toddler-container .pagin {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            flex-shrink: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .infant-toddler-container .pagin .t {\r\n            font-size: 14px;\r\n            color: #666;\r\n            margin: 0;\r\n        }\r\n\r\n        .infant-toddler-container .pagin select {\r\n            padding: 6px 10px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            background: white;\r\n            font-size: 14px;\r\n            min-width: 50px;\r\n            height: 32px;\r\n            line-height: 1;\r\n        }\r\n\r\n        .infant-toddler-container .base-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            gap: 20px;\r\n            list-style: none;\r\n            margin-bottom: 40px;\r\n            justify-items: center;\r\n        }\r\n\r\n        .infant-toddler-container .product-item {\r\n            background: white;\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            border: 1px solid #e0e0e0;\r\n            transition: all 0.2s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            max-width: 350px;\r\n            height: 520px;\r\n        }\r\n\r\n        .infant-toddler-container .product-item:hover {\r\n            border-color: #ccc;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .infant-toddler-container .product-item .tit {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #333;\r\n            padding: 15px 15px 5px;\r\n            text-align: center;\r\n            min-height: 60px;\r\n            line-height: 1.3;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n        }\r\n\r\n        .infant-toddler-container .product-item .no {\r\n            font-size: 14px;\r\n            color: #666;\r\n            padding: 0 15px 10px;\r\n            text-align: center;\r\n            min-height: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .infant-toddler-container .cimgbox {\r\n            width: 100%;\r\n            flex: 1;\r\n            overflow: hidden;\r\n            background: #f8f8f8;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            border-radius: 8px;\r\n            margin: 10px;\r\n        }\r\n\r\n        .infant-toddler-container .cimgbox img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            object-position: center;\r\n            transition: transform 0.3s ease;\r\n            display: block;\r\n            padding: 10px;\r\n            background: white;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .infant-toddler-container .product-item:hover .cimgbox img {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .infant-toddler-container .lmore {\r\n            display: inline-block;\r\n            margin: 0;\r\n            padding: 10px 20px;\r\n            background: transparent;\r\n            color: #333;\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .infant-toddler-container .product-footer {\r\n            padding: 15px;\r\n            text-align: center;\r\n            min-height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .infant-toddler-container .product-item:hover .lmore {\r\n            background: #333;\r\n            color: white;\r\n            border-color: #333;\r\n        }\r\n\r\n        .infant-toddler-container .pagination {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 5px;\r\n            list-style: none;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .infant-toddler-container .pagination li {\r\n            margin: 0 2px;\r\n        }\r\n\r\n        .infant-toddler-container .pagination a, \r\n        .infant-toddler-container .pagination span {\r\n            display: block;\r\n            padding: 8px 12px;\r\n            text-decoration: none;\r\n            color: #333;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .infant-toddler-container .pagination .active span {\r\n            background: #333;\r\n            color: white;\r\n            border-color: #333;\r\n        }\r\n\r\n        .infant-toddler-container .pagination .disabled span {\r\n            color: #ccc;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .infant-toddler-container .pagination a:hover {\r\n            background: #f0f0f0;\r\n            text-decoration: none;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .infant-toddler-container .category-header h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .infant-toddler-container .category-header p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .infant-toddler-container .list-results {\r\n                flex-direction: row;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n                flex-wrap: nowrap;\r\n                gap: 10px;\r\n            }\r\n\r\n            .infant-toddler-container .total {\r\n                flex: 1;\r\n                min-width: 0;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin {\r\n                flex-shrink: 0;\r\n                gap: 6px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin .t {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin select {\r\n                padding: 5px 8px;\r\n                font-size: 13px;\r\n                height: 28px;\r\n            }\r\n\r\n            .infant-toddler-container .base-list {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n                justify-items: center;\r\n                padding: 0 10px;\r\n            }\r\n\r\n            .infant-toddler-container .product-item {\r\n                width: 100%;\r\n                max-width: 100%;\r\n                margin: 0 auto;\r\n                height: 480px;\r\n            }\r\n\r\n            .infant-toddler-container .cimgbox {\r\n                flex: 1;\r\n                margin: 8px;\r\n            }\r\n\r\n            .infant-toddler-container .cimgbox img {\r\n                padding: 8px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .infant-toddler-container .wrap {\r\n                padding: 15px 10px;\r\n            }\r\n\r\n            .infant-toddler-container .list-results {\r\n                gap: 8px;\r\n            }\r\n\r\n            .infant-toddler-container .total {\r\n                font-size: 13px;\r\n                flex: 1;\r\n                min-width: 0;\r\n            }\r\n\r\n            .infant-toddler-container .pagin {\r\n                flex-shrink: 0;\r\n                gap: 5px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin .t {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin select {\r\n                padding: 4px 6px;\r\n                font-size: 12px;\r\n                height: 24px;\r\n                min-width: 45px;\r\n            }\r\n\r\n            .infant-toddler-container .base-list {\r\n                padding: 0;\r\n                grid-template-columns: 1fr;\r\n                justify-items: center;\r\n            }\r\n\r\n            .infant-toddler-container .product-item {\r\n                width: 100%;\r\n                max-width: 100%;\r\n                height: 460px;\r\n            }\r\n\r\n            .infant-toddler-container .cimgbox {\r\n                flex: 1;\r\n                margin: 5px;\r\n            }\r\n\r\n            .infant-toddler-container .cimgbox img {\r\n                padding: 5px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .infant-toddler-container .category-header {\r\n                padding: 20px 0;\r\n            }\r\n\r\n            .infant-toddler-container .category-header h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .infant-toddler-container .wrap {\r\n                padding: 10px 5px;\r\n            }\r\n\r\n            .infant-toddler-container .list-results {\r\n                gap: 5px;\r\n            }\r\n\r\n            .infant-toddler-container .total {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin .t {\r\n                font-size: 11px;\r\n            }\r\n\r\n            .infant-toddler-container .pagin select {\r\n                padding: 3px 5px;\r\n                font-size: 11px;\r\n                height: 22px;\r\n                min-width: 40px;\r\n            }\r\n\r\n            .infant-toddler-container .cimgbox {\r\n                flex: 1;\r\n                margin: 5px;\r\n            }\r\n\r\n            .infant-toddler-container .cimgbox img {\r\n                padding: 5px;\r\n            }\r\n        }\r\n<\/style>\r\n\r\n<!-- Schema.org structured data -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"CollectionPage\",\r\n  \"name\": \"Infant & Toddler Collection\",\r\n  \"description\": \"Specialized infant and toddler climbing equipment, sensory play structures, and developmental toys designed to promote gross motor skills, balance, coordination, and early childhood physical development through safe, age-appropriate play experiences.\",\r\n  \"url\": \"https:\/\/sing2sky.com\/infant-toddler-collection\/\",\r\n  \"mainEntity\": {\r\n    \"@type\": \"ItemList\",\r\n    \"numberOfItems\": 18,\r\n    \"itemListElement\": []\r\n  }\r\n}\r\n<\/script>\r\n\r\n<div class=\"infant-toddler-container\">\r\n    <section itemscope itemtype=\"https:\/\/schema.org\/CollectionPage\" class=\"product-main\">\r\n        <header class=\"category-header\">\r\n            <h1 itemprop=\"name\">Infant & Toddler Collection<\/h1>\r\n            <p itemprop=\"description\">Specialized infant and toddler climbing equipment, sensory play structures, and developmental toys designed to promote gross motor skills, balance, coordination, and early childhood physical development through safe, age-appropriate play experiences.<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"wrap\">\r\n            <div class=\"list-results\">\r\n                <p class=\"total\" role=\"status\" aria-live=\"polite\">Loading products...<\/p>\r\n                <form class=\"pagin\">\r\n                    <label for=\"pageSize\" class=\"t\">Show<\/label>\r\n                    <select name=\"num\" id=\"pageSize\" aria-label=\"Products per page\">\r\n                        <option value=\"6\" selected>6<\/option>\r\n                        <option value=\"12\">12<\/option>\r\n                        <option value=\"24\">24<\/option>\r\n                        <option value=\"48\">48<\/option>\r\n                    <\/select>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <main>\r\n                <ul class=\"base-list\" id=\"productList\" itemscope itemtype=\"https:\/\/schema.org\/ItemList\">\r\n                    <!-- Product list will be dynamically generated by JavaScript -->\r\n                <\/ul>\r\n            <\/main>\r\n\r\n            <nav aria-label=\"Product pagination\" class=\"bottom\">\r\n                <ul class=\"pagination\" id=\"pagination\">\r\n                    <!-- Pagination will be dynamically generated by JavaScript -->\r\n                <\/ul>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ Avoid global variable conflicts using IIFE\r\n    let productData = [];\r\n    let currentPage = 1;\r\n    let pageSize = 6;\r\n    let filteredProducts = [];\r\n    \r\n    \/\/ Initialize product data\r\n    function initializeProducts() {\r\n        try {\r\n            productData = [\r\n                { \r\n                    id: 7001, \r\n                    title: \"Daycare Play Set\", \r\n                    no: \"\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/07\/Daycare-Play-Set-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/daycare-play-set\/\",\r\n                    description: \"Comprehensive daycare play set for group activities, social development, and multi-child engagement. Complete play system includes multiple activity zones promoting social interaction, sharing skills, and collaborative play while supporting diverse developmental needs and group dynamics in childcare settings. Ideal for daycare centers, preschool environments, and group care facilities emphasizing social development, cooperative play, and comprehensive child development through multi-activity play experiences.\"\r\n                },\r\n                { \r\n                    id: 7020, \r\n                    title: \"Versatile Folding Rack\", \r\n                    no: \"XTGTY001\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Versatile-Folding-Rack-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/versatile-folding-rack\/\",\r\n                    description: \"Multi-functional folding rack for infant and toddler physical development, featuring adjustable height settings and safety locks for secure climbing practice, balance training, and gross motor skill development. Compact design enables easy storage and transport while maintaining structural integrity for active play. Perfect for daycare centers, home play areas, and early childhood programs emphasizing physical development and motor skill enhancement through safe climbing activities.\"\r\n                },\r\n                { \r\n                    id: 7002, \r\n                    title: \"Multi-Sport Ladder\", \r\n                    no: \"XTGTY002\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Multi-Sport-Ladder-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/multi-sport-ladder\/\",\r\n                    description: \"Versatile multi-sport ladder system for toddler climbing, coordination development, and athletic skill building. Adjustable rung spacing accommodates growing children while promoting hand-eye coordination, balance, and strength development through progressive climbing challenges. Ideal for physical therapy programs, sports education, and developmental play environments emphasizing athletic foundation building and multi-sport skill development.\"\r\n                },\r\n                { \r\n                    id: 7003, \r\n                    title: \"Football Teeter-totter\", \r\n                    no: \"XTGTY003\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Football-Teeter-totter-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/football-teeter-totter\/\",\r\n                    description: \"Football-themed teeter-totter for balance development, cooperative play, and sports-themed physical activity. Innovative design combines traditional seesaw mechanics with football aesthetics, promoting balance skills, social interaction, and sports appreciation while developing core strength and coordination. Perfect for sports-themed playgrounds, physical education programs, and play areas emphasizing team sports introduction and balance skill development.\"\r\n                },\r\n                { \r\n                    id: 7004, \r\n                    title: \"Fun Great Voyage\", \r\n                    no: \"XTG074\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Fun-Great-Voyage-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/fun-great-voyage\/\",\r\n                    description: \"Adventure-themed climbing structure for imaginative play, physical challenges, and developmental exploration. Multi-level design encourages climbing, crawling, and navigating while promoting spatial awareness, problem-solving skills, and creative storytelling through adventure-themed play scenarios. Ideal for adventure playgrounds, imaginative play areas, and developmental programs emphasizing creativity, physical challenges, and narrative play experiences.\"\r\n                },\r\n                { \r\n                    id: 7005, \r\n                    title: \"Triangle Climbing Frame\", \r\n                    no: \"XTGTY005\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Triangle-Climbing-Frame-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/triangle-climbing-frame\/\",\r\n                    description: \"Triangular climbing frame for fundamental gross motor development, balance training, and safe climbing exploration. Stable triangular design provides secure climbing opportunities while promoting upper body strength, coordination, and confidence building through age-appropriate physical challenges. Perfect for Montessori environments, developmental play programs, and early childhood settings emphasizing natural movement and physical development.\"\r\n                },\r\n                { \r\n                    id: 7006, \r\n                    title: \"Superman Bounce Fun\", \r\n                    no: \"XTGHY006\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Superman-Bounce-Fun-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/superman-bounce-fun\/\",\r\n                    description: \"Superman-themed bouncing equipment for dynamic play, core strengthening, and superhero-inspired physical activity. Interactive bouncing mechanism develops balance, coordination, and proprioceptive awareness while encouraging imaginative superhero play and building confidence through dynamic movement experiences. Ideal for sensory integration programs, superhero-themed play areas, and developmental settings emphasizing dynamic movement and imaginative play.\"\r\n                },\r\n                { \r\n                    id: 7007, \r\n                    title: \"Rocking Wagon\", \r\n                    no: \"XTGTY007\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Rocking-Wagon-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/rocking-wagon\/\",\r\n                    description: \"Traditional rocking wagon for vestibular development, sensory integration, and calming rhythmic movement. Gentle rocking motion promotes balance development, sensory regulation, and coordination while providing soothing movement experiences for children with varying sensory needs. Perfect for sensory rooms, therapeutic play environments, and calming spaces emphasizing vestibular input and sensory regulation through rhythmic movement.\"\r\n                },\r\n                { \r\n                   id: 7008, \r\n                    title: \"Heart-shaped crawling tunnel\", \r\n                    no: \"XTGTY008\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Heart-shaped-crawling-tunnel-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/heart-shaped-crawling-tunnel\/\",\r\n                    description: \"Heart-shaped crawling tunnel for gross motor development, spatial awareness, and social-emotional connection. Unique heart design encourages crawling, promotes bilateral coordination, and creates intimate play spaces while fostering emotional connection and physical development through tunnel exploration. Ideal for love-themed environments, social-emotional learning programs, and developmental settings emphasizing connection, crawling skills, and spatial navigation.\"\r\n                },\r\n                { \r\n                    id: 7009, \r\n                    title: \"Hollow Climbing Box\", \r\n                    no: \"XTGTY009\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Hollow-Climbing-Box-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/hollow-climbing-box\/\",\r\n                    description: \"Hollow climbing box for multi-directional climbing, spatial exploration, and creative play opportunities. Open design allows climbing from multiple angles while creating hideaway spaces and promoting problem-solving through varied climbing approaches and spatial reasoning challenges. Perfect for creative play environments, problem-solving programs, and developmental settings emphasizing spatial awareness, creativity, and multi-directional movement skills.\"\r\n                },\r\n                { \r\n                    id: 7010, \r\n                    title: \"Round Pole Climbing Box\", \r\n                    no: \"XTGTY010\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Round-Pole-Climbing-Box-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/round-pole-climbing-box\/\",\r\n                    description: \"Round pole climbing structure for advanced grip development, upper body strengthening, and challenging climbing experiences. Cylindrical pole design requires enhanced grip strength and coordination while promoting upper body development and advanced climbing skills through progressive difficulty levels. Ideal for strength-building programs, advanced climbing challenges, and developmental environments emphasizing upper body strength and advanced motor skill development.\"\r\n                },\r\n                { \r\n                    id: 7011, \r\n                    title: \"Acrylic Climbing Box\", \r\n                    no: \"XTGTY011\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Acrylic-Climbing-Box-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/acrylic-climbing-box\/\",\r\n                    description: \"Transparent acrylic climbing structure for visual learning, spatial awareness, and see-through play experiences. Clear design enables visual observation while climbing, promoting spatial understanding and providing unique sensory experiences through transparent surfaces and visual connectivity during physical activities. Perfect for observation-based learning, visual-spatial programs, and educational environments emphasizing transparency, visual learning, and spatial awareness development.\"\r\n                },\r\n                { \r\n                    id: 7012, \r\n                    title: \"Portal-shaped Climbing Frame\", \r\n                    no: \"XTGTY012\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Portal-shaped-Climbing-Frame-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/portal-shaped-climbing-frame\/\",\r\n                    description: \"Portal-shaped climbing frame for transitional play, spatial navigation, and gateway-themed exploration. Arch design creates natural passage opportunities while promoting climbing, spatial awareness, and transitional movement skills through gateway-inspired physical challenges and exploration activities. Ideal for transition-themed environments, spatial learning programs, and developmental settings emphasizing passage skills, spatial navigation, and transitional movement experiences.\"\r\n                },\r\n                { \r\n                    id: 7013, \r\n                    title: \"Triangular Climbing Frame\", \r\n                    no: \"XTGTY013\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Triangular-Climbing-Frame-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/triangular-climbing-frame\/\",\r\n                    description: \"Triangular climbing structure for geometric learning, balance development, and structured climbing progression. Three-sided design teaches geometric concepts while providing stable climbing opportunities and promoting balance, coordination, and spatial understanding through geometry-based physical activities and structured movement challenges. Perfect for STEM-integrated play, geometric learning environments, and educational settings emphasizing mathematics, spatial reasoning, and structured physical development.\"\r\n                },\r\n                { \r\n                    id: 7014, \r\n                    title: \"Low Climbing Frame\", \r\n                    no: \"XTGTY014\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Low-Climbing-Frame-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/low-climbing-frame\/\",\r\n                    description: \"Low-height climbing frame for beginning climbers, confidence building, and safe skill development. Reduced height design provides security for novice climbers while promoting fundamental climbing skills, confidence building, and progressive skill development through age-appropriate physical challenges and safe exploration opportunities. Ideal for beginner programs, confidence-building activities, and developmental environments emphasizing safe introduction to climbing and fundamental motor skill development.\"\r\n                },\r\n                { \r\n                    id: 7017, \r\n                    title: \"Colored Single Ladder\", \r\n                    no: \"XTGTY017\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Colored-Single-Ladder-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/colored-single-ladder\/\",\r\n                    description: \"Brightly colored single ladder for color recognition, climbing skill development, and visual-motor integration. Vibrant colors enhance visual appeal while promoting climbing coordination, color learning, and hand-eye coordination through colorful climbing experiences and visual stimulation during physical activity. Perfect for color-themed learning, visual development programs, and educational environments emphasizing color recognition, visual processing, and climbing skill development.\"\r\n                },\r\n                { \r\n                    id: 7018, \r\n                    title: \"Rope Net Ladder\", \r\n                    no: \"XTGTY018\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Rope-Net-Ladder-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/rope-net-ladder\/\",\r\n                    description: \"Rope net ladder system for advanced climbing challenges, grip strengthening, and tactical coordination development. Flexible rope construction requires enhanced balance and coordination while promoting grip strength, upper body development, and advanced climbing skills through dynamic rope-based movement challenges. Ideal for advanced climbing programs, strength-building activities, and developmental environments emphasizing advanced motor skills, grip strength, and dynamic balance challenges.\"\r\n                },\r\n                { \r\n                    id: 7019, \r\n                    title: \"Colored Round Pole\", \r\n                    no: \"XTGTY019\", \r\n                    image: \"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/08\/Colored-Round-Pole-1.avif\", \r\n                    category: \"Infant & Toddler Collection\",\r\n                    pageUrl: \"https:\/\/sing2sky.com\/products\/infant-toddler-collection\/colored-round-pole\/\",\r\n                    description: \"Colorful round pole system for grip development, upper body strengthening, and color-coordinated climbing activities. Vibrant colors combined with cylindrical design promote grip strength, visual recognition, and upper body development while providing color-coded climbing challenges and coordination exercises. Perfect for color learning programs, strength development activities, and educational environments emphasizing grip strength, color recognition, and upper body development through colorful climbing experiences.\"\r\n                }\r\n            ];\r\n            \r\n            \/\/ Update structured data\r\n            updateStructuredData();\r\n            \r\n            console.log('Product data loaded successfully:', productData.length, 'products');\r\n            return true;\r\n        } catch (error) {\r\n            console.error('Product data loading failed:', error);\r\n            return false;\r\n        }\r\n    }\r\n\r\n    function updateStructuredData() {\r\n        try {\r\n            const script = document.querySelector('script[type=\"application\/ld+json\"]');\r\n            if (script) {\r\n                const structuredData = JSON.parse(script.textContent);\r\n                structuredData.mainEntity.numberOfItems = productData.length;\r\n                structuredData.mainEntity.itemListElement = productData.map((product, index) => ({\r\n                    \"@type\": \"Product\",\r\n                    \"position\": index + 1,\r\n                    \"name\": product.title,\r\n                    \"description\": product.description,\r\n                    \"sku\": product.no,\r\n                    \"image\": product.image,\r\n                    \"url\": product.pageUrl,\r\n                    \"category\": product.category\r\n                }));\r\n                script.textContent = JSON.stringify(structuredData);\r\n            }\r\n        } catch (error) {\r\n            console.error('Failed to update structured data:', error);\r\n        }\r\n    }\r\n\r\n    \/\/ Page initialization\r\n    function initializePage() {\r\n        console.log('Starting initialization...');\r\n        \r\n        \/\/ First initialize product data\r\n        if (!initializeProducts()) {\r\n            const totalElement = document.querySelector('.infant-toddler-container .total');\r\n            if (totalElement) {\r\n                totalElement.textContent = 'Product data loading failed';\r\n            }\r\n            return;\r\n        }\r\n        \r\n        \/\/ Set initial products to all products\r\n        filteredProducts = [...productData];\r\n        \r\n        \/\/ Initialize pagination and product display\r\n        try {\r\n            updateProductCount();\r\n            renderProducts();\r\n            updatePagination();\r\n            console.log('Initialization completed');\r\n        } catch (error) {\r\n            console.error('Initialization failed:', error);\r\n            const totalElement = document.querySelector('.infant-toddler-container .total');\r\n            if (totalElement) {\r\n                totalElement.textContent = 'Initialization failed';\r\n            }\r\n            return;\r\n        }\r\n        \r\n        \/\/ Page size selection\r\n        const pageSizeSelect = document.getElementById('pageSize');\r\n        if (pageSizeSelect) {\r\n            pageSizeSelect.addEventListener('change', function() {\r\n                pageSize = parseInt(this.value);\r\n                currentPage = 1;\r\n                renderProducts();\r\n                updatePagination();\r\n            });\r\n        }\r\n    }\r\n\r\n    function renderProducts() {\r\n        try {\r\n            const baseList = document.querySelector('.infant-toddler-container .base-list');\r\n            if (!baseList) return;\r\n            \r\n            const startIndex = (currentPage - 1) * pageSize;\r\n            const endIndex = startIndex + pageSize;\r\n            const currentProducts = filteredProducts.slice(startIndex, endIndex);\r\n            \r\n            let html = '';\r\n            currentProducts.forEach((product, index) => {\r\n                html += `\r\n                    <li itemscope itemtype=\"https:\/\/schema.org\/Product\">\r\n                        <a href=\"${product.pageUrl}\" class=\"product-item\" itemprop=\"url\">\r\n                            <h3 class=\"tit\" itemprop=\"name\">${product.title}<\/h3>\r\n                            <p class=\"no\" itemprop=\"sku\">${product.no}<\/p>\r\n                            <div class=\"cimgbox\">\r\n                                <img decoding=\"async\" src=\"${product.image}\" \r\n                                     alt=\"${product.title} - ${product.description}\" \r\n                                     itemprop=\"image\"\r\n                                     loading=\"lazy\"\r\n                                     width=\"300\"\r\n                                     height=\"300\">\r\n                            <\/div>\r\n                            <div class=\"product-footer\">\r\n                                <span class=\"lmore\" role=\"button\" tabindex=\"0\">Learn more<\/span>\r\n                            <\/div>\r\n                            <meta itemprop=\"description\" content=\"${product.description}\">\r\n                            <meta itemprop=\"category\" content=\"${product.category}\">\r\n                        <\/a>\r\n                    <\/li>\r\n                `;\r\n            });\r\n            \r\n            baseList.innerHTML = html;\r\n            \r\n            \/\/ Add keyboard navigation support\r\n            addKeyboardNavigation();\r\n            \r\n        } catch (error) {\r\n            console.error('Product rendering failed:', error);\r\n        }\r\n    }\r\n\r\n    function addKeyboardNavigation() {\r\n        const learnMoreButtons = document.querySelectorAll('.infant-toddler-container .lmore[tabindex=\"0\"]');\r\n        learnMoreButtons.forEach(button => {\r\n            button.addEventListener('keydown', function(event) {\r\n                if (event.key === 'Enter' || event.key === ' ') {\r\n                    event.preventDefault();\r\n                    const productLink = this.closest('.product-item');\r\n                    if (productLink) {\r\n                        productLink.click();\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    function updatePagination() {\r\n        try {\r\n            const totalPages = Math.ceil(filteredProducts.length \/ pageSize);\r\n            const pagination = document.querySelector('.infant-toddler-container .pagination');\r\n            if (!pagination) return;\r\n            \r\n            let html = '';\r\n            \r\n            \/\/ If only one page or no products, don't show pagination\r\n            if (totalPages <= 1) {\r\n                pagination.innerHTML = '';\r\n                return;\r\n            }\r\n            \r\n            \/\/ Previous page\r\n            if (currentPage === 1) {\r\n                html += '<li class=\"disabled\"><span aria-label=\"Previous page\">\u00ab<\/span><\/li>';\r\n            } else {\r\n                html += `<li><a href=\"#\" onclick=\"window.infantToddlerPlay.changePage(${currentPage - 1})\" aria-label=\"Go to previous page\">\u00ab<\/a><\/li>`;\r\n            }\r\n            \r\n            \/\/ Smart pagination display\r\n            const maxVisiblePages = 7;\r\n            let startPage, endPage;\r\n            \r\n            if (totalPages <= maxVisiblePages) {\r\n                startPage = 1;\r\n                endPage = totalPages;\r\n            } else {\r\n                if (currentPage <= 4) {\r\n                    startPage = 1;\r\n                    endPage = maxVisiblePages;\r\n                } else if (currentPage >= totalPages - 3) {\r\n                    startPage = totalPages - maxVisiblePages + 1;\r\n                    endPage = totalPages;\r\n                } else {\r\n                    startPage = currentPage - 3;\r\n                    endPage = currentPage + 3;\r\n                }\r\n            }\r\n            \r\n            \/\/ If not starting from page 1, add page 1 and ellipsis\r\n            if (startPage > 1) {\r\n                html += `<li><a href=\"#\" onclick=\"window.infantToddlerPlay.changePage(1)\" aria-label=\"Go to page 1\">1<\/a><\/li>`;\r\n                if (startPage > 2) {\r\n                    html += '<li class=\"disabled\"><span aria-hidden=\"true\">...<\/span><\/li>';\r\n                }\r\n            }\r\n            \r\n            \/\/ Display page numbers\r\n            for (let i = startPage; i <= endPage; i++) {\r\n                if (i === currentPage) {\r\n                    html += `<li class=\"active\"><span aria-current=\"page\" aria-label=\"Current page ${i}\">${i}<\/span><\/li>`;\r\n                } else {\r\n                    html += `<li><a href=\"#\" onclick=\"window.infantToddlerPlay.changePage(${i})\" aria-label=\"Go to page ${i}\">${i}<\/a><\/li>`;\r\n                }\r\n            }\r\n            \r\n            \/\/ If not ending at last page, add ellipsis and last page\r\n            if (endPage < totalPages) {\r\n                if (endPage < totalPages - 1) {\r\n                    html += '<li class=\"disabled\"><span aria-hidden=\"true\">...<\/span><\/li>';\r\n                }\r\n                html += `<li><a href=\"#\" onclick=\"window.infantToddlerPlay.changePage(${totalPages})\" aria-label=\"Go to page ${totalPages}\">${totalPages}<\/a><\/li>`;\r\n            }\r\n            \r\n            \/\/ Next page\r\n            if (currentPage === totalPages) {\r\n                html += '<li class=\"disabled\"><span aria-label=\"Next page\">\u00bb<\/span><\/li>';\r\n            } else {\r\n                html += `<li><a href=\"#\" onclick=\"window.infantToddlerPlay.changePage(${currentPage + 1})\" aria-label=\"Go to next page\">\u00bb<\/a><\/li>`;\r\n            }\r\n            \r\n            pagination.innerHTML = html;\r\n        } catch (error) {\r\n            console.error('Pagination update failed:', error);\r\n        }\r\n    }\r\n\r\n    function updateProductCount() {\r\n        try {\r\n            const totalElement = document.querySelector('.infant-toddler-container .total');\r\n            if (totalElement && filteredProducts) {\r\n                totalElement.textContent = `${filteredProducts.length} products found`;\r\n            }\r\n        } catch (error) {\r\n            console.error('Product count update failed:', error);\r\n        }\r\n    }\r\n\r\n    function changePage(page) {\r\n        try {\r\n            currentPage = page;\r\n            renderProducts();\r\n            updatePagination();\r\n            \r\n            \/\/ Scroll to top\r\n            const categoryHeader = document.querySelector('.infant-toddler-container .category-header');\r\n            if (categoryHeader) {\r\n                categoryHeader.scrollIntoView({ \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        } catch (error) {\r\n            console.error('Page change failed:', error);\r\n        }\r\n    }\r\n\r\n    \/\/ Expose changePage function globally for pagination buttons\r\n    window.infantToddlerPlay = {\r\n        changePage: changePage\r\n    };\r\n\r\n    \/\/ Initialize when DOM is loaded\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initializePage);\r\n    } else {\r\n        \/\/ DOM is already loaded\r\n        initializePage();\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infant &#038; Toddler Collection Specialized infant and toddler climbing equipment, sensory play structures, and developmental toys designed to promote gross motor skills, balance, coordination, and early childhood physical development through safe, age-appropriate play experiences. Loading products&#8230; Show 6122448<\/p>","protected":false},"author":2,"featured_media":8708,"parent":220,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8700","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/pages\/8700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/comments?post=8700"}],"version-history":[{"count":0,"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/pages\/8700\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/pages\/220"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/media\/8708"}],"wp:attachment":[{"href":"https:\/\/sing2sky.com\/pt\/wp-json\/wp\/v2\/media?parent=8700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}