{"product_id":"volunteer-pin-corporate","title":"Badge for Volunteers","description":"\u003c!-- Begin Accordion Snippet --\u003e\n\u003cstyle\u003e\n  .so-accordion-wrapper {\n    width: 100%; \n    max-width: 1500px; \n    margin: 0 auto; \n    padding: 0 15px; \n  }\n\n \n  .so-tab {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    margin: 30px 0; \n  }\n\n   .so-tab input {\n    position: absolute;\n    opacity: 0;\n    z-index: -1; \/\n  }\n\n \n  .so-tab-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.35s;\n    padding: 0 15px; \n  }\n\n  \n  .so-tab input:checked ~ .so-tab-content {\n    max-height: 1000px;\n  }\n\n  \n  .so-tab label {\n    position: relative;\n    display: block;\n    padding: 0 25px 0 0;\n    margin-bottom: 15px;\n    line-height: normal;\n    cursor: pointer;\n    font-size: 1.5em;\n    font-weight: bold;\n  }\n\n \n  .so-tab label::after {\n    position: absolute;\n    right: 0;\n    top: -20px;\n    display: block;\n    width: 3em;\n    height: 3em;\n    line-height: 3;\n    text-align: center;\n    transition: all 0.35s;\n  }\n\n  .so-tab input[type=checkbox] + label::after {\n    content: \"+\"; \n  }\n\n  .so-tab input:checked + label::after {\n    content: \"\\25BC\"; \n  }\n\n  \n  .so-tab-content p {\n    font-size: 1em; \n  }\n\u003c\/style\u003e\n\u003cdiv class=\"so-accordion-wrapper\"\u003e\n\u003cdiv class=\"so-tab\"\u003e\n\u003cinput name=\"tabs\" type=\"checkbox\" id=\"so-tab-1\"\u003e \u003clabel for=\"so-tab-1\"\u003eDescription\u003c\/label\u003e\n\u003cdiv class=\"so-tab-content\"\u003e\n\u003cp\u003eModeled after the authority of a traditional officer's badge, this volunteer badge pin brings ceremony-grade recognition to any volunteer program. The fan-crown top, encircling laurel wreath, and bold \"VOLUNTEER\" banner deliver a visual weight that standard lapel pins simply don't — instantly recognizable as an official credential at community events, hospital programs, nonprofit drives, and corporate volunteer days.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eThree Zones, Fully Yours\u003c\/strong\u003e\u003cbr\u003eEvery element of this volunteer badge is configurable to your organization:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCenter medallion — Place your logo, chapter seal, or program artwork at the heart of the badge, UV-printed with sharp detail.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eCircular text band — Surround the center with your organization name, recognition year, or service milestone across the top and bottom arcs.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eBottom banner — Pre-set as \"VOLUNTEER\" in gold on navy; customize with your award tier, department, or event name.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eGold or Silver Finish\u003c\/strong\u003e\u003cbr\u003eGold carries the authority of a top-tier service award. Silver suits tiered programs, new volunteer cohorts, or chapter-level recognition. Both finishes are die-struck metal with jewelry-quality plating — built to be worn with pride, not pocketed after the ceremony.\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMade for Volunteer Programs That Take Recognition Seriously\u003c\/strong\u003e\u003cbr\u003eWhether you're coordinating a hospital volunteer corps, a national nonprofit chapter, or a corporate CSR initiative, this badge for volunteers sets a visible, lasting standard — one your volunteers will keep long after the event.\u003cbr\u003eUpload your logo to receive a free digital proof before production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"so-tab\"\u003e\n\u003cinput name=\"tabs\" type=\"checkbox\" id=\"so-tab-2\"\u003e \u003clabel for=\"so-tab-2\"\u003eSpecification\u003c\/label\u003e\n\u003cdiv class=\"so-tab-content\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eSpecification\u003c\/td\u003e\n\u003ctd\u003eDetails\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eMetal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eSize\u003c\/td\u003e\n\u003ctd\u003e\n\u003cspan\u003e1.75\u003c\/span\u003e\u003cspan\u003e''(\u003c\/span\u003e\u003cspan\u003e44.5mm). Open sized for full customization\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eColors\u003c\/td\u003e\n\u003ctd\u003eAs shown in the picture\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eMOQ\u003c\/td\u003e\n\u003ctd\u003e50 pcs\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eHandling Time\u003c\/td\u003e\n\u003ctd\u003e7-10 days (5 days for expedited)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"tb-title\"\u003eTransit Time\u003c\/td\u003e\n\u003ctd\u003e3-5 days (expedited options available)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"so-tab\"\u003e\n\u003cinput id=\"so-tab-3\" type=\"checkbox\" name=\"tabs\"\u003e \u003clabel for=\"so-tab-3\"\u003eHow to Quote\u003c\/label\u003e\n\u003cdiv class=\"so-tab-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0277\/1520\/7246\/files\/Service_Pins_Flow.jpg?v=1754363309\" alt=\"Service Pins Flow\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003eFirst, fill out the form with your desired finish and specifications for the Volunteer Pins.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eThen, upload your design file and include any necessary text or special instructions.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eAfter that, click “\u003cstrong\u003eGet Mockup\u003c\/strong\u003e” and note your email and quantity in the order comments.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eTo place an instant order, input the quantity and select “\u003cstrong\u003eAdd to Cart\u003c\/strong\u003e.”\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eFor options beyond our catalog, please \u003ca rel=\"noopener\" title=\"contact us\" href=\"https:\/\/yearpins.com\/pages\/contact-us\" target=\"_blank\"\u003econtact us\u003c\/a\u003e to discuss a custom design.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Fourth section - Related Products (Permanently Expanded) --\u003e\n\u003cdiv class=\"so-tab no-collapse-section\" id=\"so-tab-4\"\u003e\n\u003c!-- 移除 input 和 label 绑定，改为静态 div 以禁用折叠功能 --\u003e\n\u003cdiv class=\"static-tab-label\"\u003eYou May Also Like These Pins\u003c\/div\u003e\n\u003cdiv class=\"so-tab-content forced-expand\"\u003e\n\u003cdiv class=\"related-pins-grid\"\u003e\n\u003c!-- Volunteer Pins for Non-Profit Organizations --\u003e\u003ca href=\"https:\/\/yearpins.com\/products\/volunteer-pins-bottom-text-center-logo\" class=\"pin-card\" target=\"_blank\"\u003e\n\u003cdiv class=\"pin-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0277\/1520\/7246\/files\/RP079_Custom_volunteer_award_pin_gold.jpg?v=1752549148\" alt=\"Volunteer Pins for Non-Profit Organizations\" loading=\"lazy\" width=\"800\" height=\"800\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pin-title\"\u003eVolunteer Pins for Non-Profit Organizations\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Volunteer Pins for Charity Events --\u003e\u003ca href=\"https:\/\/yearpins.com\/products\/volunteer-pins-center-logo\" class=\"pin-card\" target=\"_blank\"\u003e\n\u003cdiv class=\"pin-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0277\/1520\/7246\/files\/RP080_Gold_Volunteer_Pins_with_Custom_Center_Logo.jpg?v=1747115173\" alt=\"Volunteer Pins for Charity Events\" loading=\"lazy\" width=\"800\" height=\"800\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pin-title\"\u003eVolunteer Pins for Charity Events\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Volunteer Pins for Schools \u0026 Educational Institutions --\u003e\u003ca href=\"https:\/\/yearpins.com\/products\/volunteer-pin-schools\" class=\"pin-card\" target=\"_blank\"\u003e\n\u003cdiv class=\"pin-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0277\/1520\/7246\/files\/RP147_Volunteer_Pins.jpg?v=1768799194\" alt=\"Volunteer Pins for Schools \u0026amp; Educational Institutions\" loading=\"lazy\" width=\"800\" height=\"800\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pin-title\"\u003eVolunteer Pins for Schools \u0026amp; Educational Institutions\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Volunteer Pins for Government \u0026 Public Events --\u003e\u003ca href=\"https:\/\/yearpins.com\/products\/volunteer-pin-public\" class=\"pin-card\" target=\"_blank\"\u003e\n\u003cdiv class=\"pin-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0277\/1520\/7246\/files\/RP146_Volunteer_Pins.jpg?v=1768799132\" alt=\"Volunteer Pins for Government \u0026amp; Public Events\" loading=\"lazy\" width=\"800\" height=\"800\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pin-title\"\u003eVolunteer Pins for Government \u0026amp; Public Events\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 添加的按钮区域 --\u003e\n\u003cdiv class=\"view-all-button-container\"\u003e\u003cbutton class=\"view-all-pins-btn\"\u003e View All Volunteer Pins \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    \/* 1. 针对第四section的强制展开逻辑，不影响其他so-tab板块 *\/\n    #so-tab-4.no-collapse-section .static-tab-label {\n        position: relative;\n        display: block;\n        padding: 0 25px 0 0;\n        margin-bottom: 15px;\n        line-height: normal;\n        cursor: default;\n        font-size: 24px;\n        font-weight: 700;\n        \/* 移除特定的颜色设置，使用网站默认颜色 *\/\n    }\n\n    \/* 隐藏右侧的 + 号，因为该部分不可折叠 *\/\n    #so-tab-4.no-collapse-section .static-tab-label::after {\n        display: none !important;\n    }\n\n    \/* 覆盖全局 max-height: 0 逻辑，确保内容永远可见 *\/\n    #so-tab-4.no-collapse-section .forced-expand {\n        max-height: none !important;\n        overflow: visible !important;\n        padding: 0 15px;\n        opacity: 1 !important;\n    }\n\n    \/* 2. 保持原有的 Grid 样式，但限制在#so-tab-4内部 *\/\n    #so-tab-4 .related-pins-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        margin-top: 10px;\n        padding: 15px 0;\n    }\n\n    \/* 修改卡片样式：移除白色背景和边框，使标题区域透明 *\/\n    #so-tab-4 .pin-card {\n        display: block;\n        text-decoration: none;\n        color: inherit;\n        background: transparent;\n        border-radius: 8px;\n        overflow: hidden;\n        transition: all 0.3s ease;\n        text-align: center;\n        padding-bottom: 0;\n        border: none;\n    }\n\n    \/* 移除卡片悬停效果 *\/\n    #so-tab-4 .pin-card:hover {\n        transform: none;\n        box-shadow: none;\n        text-decoration: none;\n    }\n\n    \/* 图片容器调整为正方形，适应800x800图片 *\/\n    #so-tab-4 .pin-image-container {\n        position: relative;\n        width: 100%;\n        padding-bottom: 100%;\n        background: #fff;\n        overflow: hidden;\n        border-radius: 8px;\n        margin-bottom: 15px;\n        transition: box-shadow 0.3s ease;\n    }\n\n    \/* 图片绝对定位，填充整个正方形容器 *\/\n    #so-tab-4 .pin-image-container img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        padding: 15px;\n        transition: transform 0.5s ease;\n    }\n\n    \/* 只在图片容器上添加悬停效果 *\/\n    #so-tab-4 .pin-image-container:hover {\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* 悬停时图片放大效果 *\/\n    #so-tab-4 .pin-image-container:hover img {\n        transform: scale(1.05);\n    }\n\n    \/* 修改标题样式 *\/\n    #so-tab-4 .pin-title {\n        font-size: 16px;\n        font-weight: 400;\n        color: rgba(14, 27, 77, 0.75);\n        line-height: 1.4;\n        padding: 8px 12px;\n        background: transparent;\n        border-radius: 4px;\n        transition: color 0.3s ease;\n        min-height: 44px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        word-break: break-word;\n    }\n\n    \/* 移除标题悬停效果 *\/\n    #so-tab-4 .pin-card:hover .pin-title {\n        color: rgba(14, 27, 77, 0.75);\n    }\n\n    \/* 3. 新增按钮样式 *\/\n    #so-tab-4 .view-all-button-container {\n        display: flex;\n        justify-content: center;\n        margin: 30px 0 20px;\n        padding: 0 15px;\n    }\n\n    #so-tab-4 .view-all-pins-btn {\n        background: #0E1B4D;\n        color: white;\n        border: none;\n        border-radius: 6px;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: block;\n        box-shadow: 0 2px 8px rgba(14, 27, 77, 0.2);\n    }\n\n    #so-tab-4 .view-all-pins-btn:hover {\n        background: #1a2d6b;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(14, 27, 77, 0.3);\n    }\n\n    #so-tab-4 .view-all-pins-btn:active {\n        transform: translateY(0);\n        box-shadow: 0 2px 6px rgba(14, 27, 77, 0.2);\n    }\n\n    \/* 响应式设计 *\/\n    @media (max-width: 1200px) {\n        #so-tab-4 .related-pins-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        #so-tab-4 .view-all-pins-btn {\n            padding: 14px 32px;\n            font-size: 17px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        #so-tab-4 .related-pins-grid {\n            grid-template-columns: 1fr;\n            gap: 25px;\n        }\n        #so-tab-4 .pin-image-container {\n            padding-bottom: 100%;\n        }\n        #so-tab-4 .pin-title {\n            font-size: 15px;\n            min-height: 40px;\n        }\n        #so-tab-4.no-collapse-section .static-tab-label {\n            font-size: 20px;\n        }\n        #so-tab-4 .view-all-pins-btn {\n            width: 100%;\n            max-width: 280px;\n            padding: 16px 24px;\n            font-size: 16px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        #so-tab-4 .view-all-button-container {\n            margin: 25px 0 15px;\n        }\n        #so-tab-4 .view-all-pins-btn {\n            padding: 14px 20px;\n            font-size: 15px;\n        }\n    }\n\u003c\/style\u003e","brand":"yearpins","offers":[{"title":"Gold \/ 50 Pcs","offer_id":43517532667982,"sku":"RP145V01","price":206.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 100 Pcs","offer_id":43517532700750,"sku":"RP145V02","price":282.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 150 Pcs","offer_id":43517532733518,"sku":"RP145V03","price":405.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 200 Pcs","offer_id":43517532766286,"sku":"RP145V04","price":469.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 250 Pcs","offer_id":43517532799054,"sku":"RP145V05","price":563.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 300 Pcs","offer_id":43517532831822,"sku":"RP145V06","price":588.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 500 Pcs","offer_id":43517532864590,"sku":"RP145V07","price":875.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 1000 Pcs","offer_id":43517532897358,"sku":"RP145V08","price":1240.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 50 Pcs","offer_id":43517532930126,"sku":"RP145V09","price":206.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 100 Pcs","offer_id":43517532962894,"sku":"RP145V010","price":282.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 150 Pcs","offer_id":43517532995662,"sku":"RP145V011","price":405.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 200 Pcs","offer_id":43517533028430,"sku":"RP145V012","price":469.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 250 Pcs","offer_id":43517533061198,"sku":"RP145V013","price":563.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 300 Pcs","offer_id":43517533093966,"sku":"RP145V014","price":588.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 500 Pcs","offer_id":43517533126734,"sku":"RP145V015","price":875.0,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 1000 Pcs","offer_id":43517533159502,"sku":"RP145V016","price":1240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0277\/1520\/7246\/files\/RP145_Volunteer_Pins.jpg?v=1768793660","url":"https:\/\/yearpins.com\/es\/products\/volunteer-pin-corporate","provider":"yearpins","version":"1.0","type":"link"}