true
7472061251680
42196988788832
[{"id":286644371552,"handle":"2015-subaru-wrx","title":"2015 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:08-04:00","body_html":"\u003ch2\u003e2015 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eEnhance your 2015 Subaru WRX with aftermarket parts designed for the all-new VA chassis. As the first year of this generation, the 2015 model introduced the FA20 engine with excellent tuning potential.\u003c\/p\u003e\n\u003ch3\u003e2015 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2015 WRX's FA20 2.0L direct-injection turbo engine offers new modification opportunities. Essential upgrades include performance intakes, downpipes, and professional tuning solutions.\u003c\/p\u003e\n\u003ch3\u003ePopular 2015 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eImprove your 2015 WRX with cat-back exhausts, suspension modifications, and brake upgrades. The developing aftermarket ensures growing customization options.\u003c\/p\u003e","published_at":"2025-08-28T13:17:57-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":286644109408,"handle":"2016-subaru-wrx","title":"2016 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:08-04:00","body_html":"\u003ch2\u003e2016 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eUpgrade your 2016 Subaru WRX with performance parts tailored for the VA platform. The 2016 model benefits from developing aftermarket support and proven upgrade solutions.\u003c\/p\u003e\n\u003ch3\u003e2016 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2016 WRX's FA20 2.0L direct-injection turbo engine responds excellently to modifications. Popular upgrades include cold air intakes, intercooler upgrades, and custom tuning maps.\u003c\/p\u003e\n\u003ch3\u003ePopular 2016 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eTransform your 2016 WRX with exhaust upgrades, coilover suspension systems, and aerodynamic enhancements. The expanding aftermarket provides diverse modification possibilities.\u003c\/p\u003e","published_at":"2025-08-28T13:11:48-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":286644011104,"handle":"2017-subaru-wrx","title":"2017 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:08-04:00","body_html":"\u003ch2\u003e2017 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eMaximize your 2017 Subaru WRX with quality aftermarket parts designed for the VA chassis. The 2017 model offers excellent tuning potential with established modification paths.\u003c\/p\u003e\n\u003ch3\u003e2017 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2017 WRX's FA20 2.0L direct-injection turbo engine provides strong modification capabilities. Key upgrades include performance intakes, upgraded turbochargers, and engine management tuning.\u003c\/p\u003e\n\u003ch3\u003ePopular 2017 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eEnhance your 2017 WRX with cat-back exhaust systems, suspension upgrades, and performance brake kits. The growing aftermarket ensures comprehensive customization options.\u003c\/p\u003e","published_at":"2025-08-28T13:05:46-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":286643978336,"handle":"2018-subaru-wrx","title":"2018 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:08-04:00","body_html":"\u003ch2\u003e2018 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eUpgrade your 2018 Subaru WRX with proven aftermarket parts for the VA platform. The 2018 model year benefits from mature FA20 tuning solutions and extensive modification options.\u003c\/p\u003e\n\u003ch3\u003e2018 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2018 WRX's FA20 2.0L direct-injection turbo engine responds well to modifications. Popular upgrades include front-mount intercoolers, downpipes, and Accessport tuning for significant power gains.\u003c\/p\u003e\n\u003ch3\u003ePopular 2018 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eTransform your 2018 WRX with performance exhausts, coilover suspensions, and aerodynamic improvements. The developed aftermarket provides solutions for every performance goal.\u003c\/p\u003e","published_at":"2025-08-28T13:02:37-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":286643945568,"handle":"2019-subaru-wrx","title":"2019 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:08-04:00","body_html":"\u003ch2\u003e2019 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eEnhance your 2019 Subaru WRX with performance parts optimized for the VA platform. The 2019 model features refined tuning capabilities and proven upgrade paths.\u003c\/p\u003e\n\u003ch3\u003e2019 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2019 WRX's FA20 2.0L direct-injection turbo engine offers excellent modification potential. Essential upgrades include cold air intakes, turbo inlet hoses, and professional tuning solutions.\u003c\/p\u003e\n\u003ch3\u003ePopular 2019 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eImprove your 2019 WRX with cat-back exhaust systems, performance suspension setups, and upgraded brake components. The established aftermarket ensures comprehensive modification options.\u003c\/p\u003e","published_at":"2025-08-28T13:00:29-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":286643847264,"handle":"2020-subaru-wrx","title":"2020 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:08-04:00","body_html":"\u003ch2\u003e2020 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eUpgrade your 2020 Subaru WRX with high-quality aftermarket parts designed for the VA chassis. The 2020 model offers excellent tuning potential with well-established modification paths.\u003c\/p\u003e\n\u003ch3\u003e2020 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2020 WRX's FA20 2.0L direct-injection turbo engine responds well to performance modifications. Key upgrades include downpipes, intercoolers, and Accessport tuning for significant performance improvements.\u003c\/p\u003e\n\u003ch3\u003ePopular 2020 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eTransform your 2020 WRX with performance exhaust systems, adjustable suspension components, and aerodynamic enhancements. The mature platform ensures extensive customization possibilities.\u003c\/p\u003e","published_at":"2025-08-28T12:51:06-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":286643585120,"handle":"2021-subaru-wrx","title":"2021 Subaru WRX Performance Parts","updated_at":"2025-09-12T17:31:07-04:00","body_html":"\u003ch2\u003e2021 Subaru WRX Performance Parts \u0026amp; Modifications\u003c\/h2\u003e\n\u003cp\u003eMaximize your 2021 Subaru WRX with proven aftermarket parts for the VA platform. As the final year of this generation, the 2021 model benefits from fully developed tuning solutions and extensive modification options.\u003c\/p\u003e\n\u003ch3\u003e2021 WRX Engine Modifications\u003c\/h3\u003e\n\u003cp\u003eThe 2021 WRX's FA20 2.0L direct-injection turbo engine has mature aftermarket support. Popular modifications include upgraded turbochargers, front-mount intercoolers, and flex fuel systems for reliable power gains.\u003c\/p\u003e\n\u003ch3\u003ePopular 2021 WRX Performance Upgrades\u003c\/h3\u003e\n\u003cp\u003eEnhance your 2021 WRX with cat-back exhausts, coilover suspensions, and big brake kits. The comprehensive aftermarket catalog ensures solutions for every performance need and budget.\u003c\/p\u003e","published_at":"2025-08-28T12:35:03-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":278366781536,"handle":"all","title":"All","updated_at":"2025-09-12T17:30:36-04:00","body_html":null,"published_at":"2025-02-10T13:57:36-05:00","sort_order":"alpha-asc","template_suffix":null,"disjunctive":false,"rules":[{"column":"variant_inventory","relation":"greater_than","condition":"-10000"}],"published_scope":"web"},{"id":271134883936,"handle":"best-selling-products","title":"Best Selling Products","updated_at":"2025-09-12T17:30:36-04:00","body_html":null,"published_at":"2024-07-05T23:27:18-04:00","sort_order":"best-selling","template_suffix":null,"disjunctive":true,"rules":[{"column":"title","relation":"contains","condition":"Best Selling"},{"column":"title","relation":"not_contains","condition":"Best Selling"}],"published_scope":"web"},{"id":275484737632,"handle":"cashback-10","updated_at":"2025-09-12T07:03:10-04:00","published_at":"2025-08-25T14:00:31-04:00","sort_order":"alpha-asc","template_suffix":"","published_scope":"web","title":"Cashback:10","body_html":""},{"id":280651530336,"handle":"da","title":"DA","updated_at":"2025-09-12T16:36:35-04:00","body_html":"","published_at":"2025-04-01T11:45:23-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"vendor","relation":"not_equals","condition":"Cobb Tuning"},{"column":"vendor","relation":"not_equals","condition":"ACT"},{"column":"vendor","relation":"not_equals","condition":"IAG"},{"column":"vendor","relation":"not_equals","condition":"Import Image Racing"},{"column":"vendor","relation":"not_equals","condition":"Subaru OEM"},{"column":"vendor","relation":"not_equals","condition":"Radium Engineering"},{"column":"vendor","relation":"not_equals","condition":"Monster-ShipProtect"},{"column":"vendor","relation":"not_equals","condition":"Motul"},{"column":"vendor","relation":"not_equals","condition":"Red Line Oil"}],"published_scope":"web"},{"id":263168786528,"handle":"everything","title":"Everything","updated_at":"2025-09-12T17:30:36-04:00","body_html":"","published_at":"2024-08-27T16:06:31-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":true,"rules":[{"column":"variant_weight","relation":"greater_than","condition":"1"},{"column":"variant_weight","relation":"less_than","condition":"1"}],"published_scope":"web"},{"id":271134916704,"handle":"newest-products","title":"Newest Products","updated_at":"2025-09-12T17:30:36-04:00","body_html":null,"published_at":"2024-07-05T23:27:19-04:00","sort_order":"created-desc","template_suffix":null,"disjunctive":true,"rules":[{"column":"title","relation":"contains","condition":"Newest"},{"column":"title","relation":"not_contains","condition":"Newest"}],"published_scope":"web"},{"id":411359303,"handle":"perrin","title":"Perrin","updated_at":"2025-09-12T07:03:10-04:00","body_html":"\u003cdiv class=\"button-container\"\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2022-2024-wrx\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/icon-22-wrx.png?v=1724759573\" alt=\"22+ WRX\"\u003e\n \u003c\/a\u003e\u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2002-2007-wrx\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/icon-02-07-wrx.png?v=1724457420\" alt=\"02-07 WRX\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2008-2014-wrx\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/icon-08-14-wrx.png?v=1724458254\" alt=\"08-14 WRX\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2015-2021-wrx\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/15-21-wrx-icon.png?v=1724458414\" alt=\"Suspension\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2004-2007-sti\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/04-07-sti-pink.png?v=1724458446\" alt=\"04-07 STi\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2008-2014-sti-1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/08-14-sti-pink.png?v=1724458460\" alt=\"08-14 STi\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2015-2021-sti\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/15-21-sti-pink.png?v=1724458460\" alt=\"15-21 STi\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2013-2020-subaru-brz\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/icon-13-20-brz-gr86.png?v=1724459918\" alt=\"Lighting\"\u003e\n \u003c\/a\u003e\n \u003ca class=\"button\" href=\"https:\/\/www.importimageracing.com\/collections\/perrin-parts-for-your-2022-gr86-and-brz\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1398\/9853\/files\/icon-22brz-gr86.png?v=1724459918\" alt=\"22+ BRZ and GR86\"\u003e\n \u003c\/a\u003e\n \n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .button-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center; \/* Center items in the container *\/\n gap: 5px; \/* Remove any gap between buttons *\/\n}\n\n.button {\n flex: 0 1 auto; \/* Let the buttons size automatically based on their content *\/\n max-width: 50px; \/* Set a maximum width for the buttons *\/\n margin: 0; \/* Ensure no extra margin is applied *\/\n padding: 0; \/* Ensure no extra padding is applied *\/\n display: flex;\n justify-content: center;\n align-items: center;\n border: none; \/* Ensure no border around the button *\/\n outline: none; \/* Remove any outline *\/\n}\n.button img {\n width: 100%; \/* Ensure image fits within the button *\/\n height: auto;\n margin: 0; \/* Remove margin *\/\n padding: 0; \/* Remove padding *\/\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, border 0.3s ease, filter 0.3s ease;\n border-radius: 5px;\n border: none; \/* Ensure no border around the image *\/\n outline: none; \/* Remove any outline *\/\n}\n\n.button:hover img {\n transform: scale(1.1); \/* Slightly increase the size *\/\n box-shadow: 0px 8px 20px rgba(0, 150, 255, 0.7); \/* Add a colorful shadow *\/\n cursor: pointer;\n background-color: rgba(0, 150, 255, 0.1); \/* Add a subtle blue background color *\/\n border: 2px solid rgba(0, 150, 255, 0.7); \/* Add a blue border on hover *\/\n filter: brightness(1.2) saturate(1.5); \/* Increase brightness and saturation for more color *\/\n}\n\n.button:active img {\n transform: scale(1.1);\n box-shadow: 0px 8px 20px rgba(255, 0, 150, 0.9); \/* Add a different color shadow on active *\/\n opacity: 0.9; \/* Slightly reduce opacity to give a \"pressed\" effect *\/\n background-color: #0096ff; \n border: 2px solid rgba(255, 0, 150, 0.9); \/* Change border color to pink on active *\/\n filter: brightness(1.2) saturate(1.8); \/* Further enhance brightness and saturation *\/\n}\n\u003c\/style\u003e\n\n","published_at":"2017-01-25T12:38:00-05:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"vendor","relation":"equals","condition":"Perrin"}],"published_scope":"global","image":{"created_at":"2017-01-27T01:49:47-05:00","alt":"","width":1600,"height":500,"src":"\/\/www.importimageracing.com\/cdn\/shop\/collections\/perrin-collection.jpg?v=1724965485"}},{"id":272706699360,"handle":"perrin-parts-for-your-2015-2021-wrx","title":"Perrin Parts for your 2015-2021 WRX","updated_at":"2025-09-12T07:03:08-04:00","body_html":"","published_at":"2024-08-16T08:11:21-04:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"vendor_Perrin"},{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":261105778784,"handle":"2015-2021-wrx","title":"Subaru WRX 2015-2021","updated_at":"2025-09-12T17:31:06-04:00","body_html":"","published_at":"2021-09-30T09:23:42-04:00","sort_order":"best-selling","template_suffix":"vehicle-landing-page","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"WRX_2015-2021"}],"published_scope":"global"},{"id":278367109216,"handle":"suspension-sway-bars","title":"Suspension Sway Bars","updated_at":"2025-09-12T07:39:17-04:00","body_html":null,"published_at":"2025-02-10T14:02:30-05:00","sort_order":"best-selling","template_suffix":null,"disjunctive":false,"rules":[{"column":"type","relation":"equals","condition":"Suspension Sway Bars"}],"published_scope":"web"},{"id":286575984736,"handle":"wrx-sti-brz-gr86-performance-parts-sale-import-image-racing","updated_at":"2025-09-12T07:40:03-04:00","published_at":"2025-08-25T17:50:50-04:00","sort_order":"best-selling","template_suffix":"","published_scope":"global","title":"WRX, STI, BRZ \u0026 GR86 Performance Parts Sale | Import Image Racing","body_html":"\u003cstyle\u003e\n .sales-overview-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n font-family: inherit;\n }\n\n .sales-overview-container h1 {\n text-align: center;\n color: inherit;\n margin-bottom: 40px;\n font-size: 2.5em;\n border-bottom: 3px solid #e74c3c;\n padding-bottom: 15px;\n }\n\n .loading-message {\n text-align: center;\n padding: 40px;\n font-size: 1.2em;\n color: #666;\n }\n\n .sale-item {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .sale-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n flex-wrap: wrap;\n }\n\n .sale-title {\n color: #fff;\n margin: 0;\n font-size: 1.8em;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .sale-countdown {\n background: rgba(231, 76, 60, 0.9);\n color: white;\n padding: 10px 20px;\n border-radius: 25px;\n font-weight: bold;\n box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4);\n }\n\n .sale-end-label {\n font-size: 0.9em;\n }\n\n .sale-end-date {\n font-size: 1em;\n }\n\n .sale-products h3 {\n color: #fff;\n margin-bottom: 20px;\n font-size: 1.3em;\n border-bottom: 2px solid rgba(255, 255, 255, 0.3);\n padding-bottom: 10px;\n }\n\n .fitment-section {\n margin-bottom: 25px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px;\n padding: 20px;\n border-left: 4px solid #ffd700;\n }\n\n .fitment-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .fitment-title {\n color: #ffd700;\n margin: 0;\n font-size: 1.2em;\n font-weight: bold;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.3);\n }\n\n .fitment-counts {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n font-size: 0.9em;\n }\n\n .product-count {\n color: rgba(255, 255, 255, 0.9);\n font-weight: 600;\n }\n\n .showing-count {\n color: rgba(255, 255, 255, 0.7);\n font-style: italic;\n font-size: 0.85em;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 15px;\n }\n\n .product-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n margin-bottom: 15px;\n }\n\n .product-card {\n background: rgba(255, 255, 255, 0.1);\n padding: 15px;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(10px);\n transition: transform 0.2s ease, background 0.2s ease;\n }\n\n .product-card-compact {\n background: rgba(255, 255, 255, 0.1);\n padding: 12px;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(10px);\n transition: transform 0.2s ease, background 0.2s ease;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .product-image {\n width: 100%;\n height: 120px;\n overflow: hidden;\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .product-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 6px;\n transition: transform 0.2s ease;\n }\n\n .product-card-compact:hover .product-image img {\n transform: scale(1.05);\n }\n\n .product-card:hover,\n .product-card-compact:hover {\n transform: translateY(-2px);\n background: rgba(255, 255, 255, 0.15);\n }\n\n .view-more-section {\n text-align: center;\n margin-top: 10px;\n }\n\n .view-more-btn {\n display: inline-block;\n background: rgba(255, 215, 0, 0.2);\n color: #ffd700;\n padding: 8px 16px;\n border-radius: 20px;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.9em;\n border: 1px solid rgba(255, 215, 0, 0.3);\n transition: all 0.2s ease;\n }\n\n .view-more-btn:hover {\n background: rgba(255, 215, 0, 0.3);\n color: #fff;\n text-decoration: none;\n transform: translateY(-1px);\n }\n\n .product-link {\n color: #fff;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.9em;\n display: block;\n line-height: 1.3;\n flex-grow: 1;\n }\n\n .product-link:hover {\n text-decoration: underline;\n color: #ffd700;\n }\n\n .product-collection {\n display: block;\n color: #87ceeb;\n font-size: 0.9em;\n text-decoration: none;\n font-style: italic;\n transition: color 0.2s ease;\n }\n\n .product-collection:hover {\n color: #ffd700;\n text-decoration: underline;\n }\n\n .no-sales {\n text-align: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .no-sales h2 {\n color: #fff;\n margin-bottom: 10px;\n font-size: 2em;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .no-sales p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 1.1em;\n line-height: 1.5;\n }\n\n @media screen and (max-width: 749px) {\n .sale-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 15px;\n }\n \n .sale-countdown {\n align-self: stretch;\n text-align: center;\n }\n \n .product-grid,\n .product-grid-compact {\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n }\n \n .sales-overview-container h1 {\n font-size: 2em;\n }\n\n .fitment-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n }\n\n .fitment-counts {\n align-items: flex-start;\n }\n\n .product-image {\n height: 100px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sales-overview-container\"\u003e\n \u003ch1\u003eCurrent Sales \u0026amp; Promotions\u003c\/h1\u003e\n \u003cdiv id=\"sales-content\"\u003e\n \u003cdiv class=\"loading-message\"\u003eLoading current sales...\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const COLLECTION_HANDLE = 'wrx-sti-brz-gr86-performance-parts-sale-import-image-racing';\n const salesContainer = document.getElementById('sales-content');\n \n \/\/ Fetch collection products using handle\n fetch(`\/collections\/${COLLECTION_HANDLE}\/products.json?limit=100`)\n .then(response =\u003e {\n console.log(`Fetching: \/collections\/${COLLECTION_HANDLE}\/products.json`);\n console.log('Response status:', response.status);\n \n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n \n return response.json();\n })\n .then(data =\u003e {\n console.log('API Response:', data);\n console.log('Fetched products:', data.products?.length || 0);\n \n if (data.products \u0026\u0026 data.products.length \u003e 0) {\n \/\/ Debug: Show first few products and their tags\n console.log('First product example:', {\n title: data.products[0].title,\n tags: data.products[0].tags,\n handle: data.products[0].handle\n });\n \n processSalesData(data.products);\n } else {\n console.log('No products found in collection');\n salesContainer.innerHTML = `\n \u003cdiv class=\"no-sales\"\u003e\n \u003ch2\u003e📦 Empty Collection\u003c\/h2\u003e\n \u003cp\u003eNo products found in the specified collection.\u003c\/p\u003e\n \u003cp\u003e\u003csmall\u003eCollection: ${COLLECTION_HANDLE}\u003c\/small\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n `;\n }\n })\n .catch(error =\u003e {\n console.error('Error fetching collection:', error);\n salesContainer.innerHTML = `\n \u003cdiv class=\"no-sales\"\u003e\n \u003ch2\u003e❌ Error Loading Collection\u003c\/h2\u003e\n \u003cp\u003eFailed to load collection: \u003cstrong\u003e${COLLECTION_HANDLE}\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003csmall\u003eError: ${error.message}\u003cbr\u003eCheck browser console for more details.\u003c\/small\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n `;\n });\n\n function processSalesData(products) {\n const currentDate = new Date();\n const salesData = [];\n \n console.log('Processing', products.length, 'products for sales');\n console.log('Current date:', currentDate);\n \n products.forEach(product =\u003e {\n let saleName = '';\n let saleEnd = '';\n const fitmentTags = [];\n \n \/\/ Debug: Log each product being checked\n console.log(`Checking product: ${product.title}`);\n console.log('Product tags:', product.tags);\n \n \/\/ Check product tags\n product.tags.forEach(tag =\u003e {\n const tagLower = tag.toLowerCase();\n \n if (tagLower.includes('sale:')) {\n saleName = tag.replace(\/sale:\/i, '').trim();\n console.log(`Found sale name: \"${saleName}\" from tag: \"${tag}\"`);\n }\n \n if (tagLower.includes('saleend:')) {\n saleEnd = tag.replace(\/saleend:\/i, '').trim();\n console.log(`Found sale end: \"${saleEnd}\" from tag: \"${tag}\"`);\n }\n \n \/\/ Look for fitment tags\n if (tag.includes('WRX_') || tag.includes('STI_') || tag.includes('BRZ_') || \n tag.includes('FORESTER_') || tag.includes('OUTBACK_') || tag.includes('LEGACY_')) {\n fitmentTags.push(tag);\n }\n });\n \n \/\/ If we found both sale name and end date\n if (saleName \u0026\u0026 saleEnd) {\n console.log(`Product ${product.title} has both sale name and end date`);\n const saleEndDate = new Date(saleEnd);\n console.log(`Sale end date parsed as:`, saleEndDate);\n console.log(`Is sale active? ${saleEndDate \u003e currentDate}`);\n \n \/\/ Only process if sale hasn't ended\n if (saleEndDate \u003e currentDate) {\n console.log(`Adding ${product.title} to active sales`);\n \n \/\/ Get product image - use featured_image or first image\n let productImage = null;\n if (product.featured_image) {\n productImage = product.featured_image;\n } else if (product.images \u0026\u0026 product.images.length \u003e 0) {\n productImage = product.images[0];\n }\n \n \/\/ Debug: Log image info\n console.log(`Product: ${product.title}`);\n console.log('Featured image:', product.featured_image);\n console.log('Featured image type:', typeof product.featured_image);\n console.log('All images:', product.images);\n console.log('First image:', product.images?.[0]);\n console.log('Selected image:', productImage);\n console.log('Selected image type:', typeof productImage);\n \n salesData.push({\n saleName: saleName,\n saleEnd: saleEnd,\n saleEndDate: saleEndDate,\n productTitle: product.title,\n productUrl: `\/products\/${product.handle}`,\n productImage: productImage,\n fitmentTags: fitmentTags,\n collectionTitle: 'Collection',\n collectionUrl: `\/collections\/${COLLECTION_HANDLE}`\n });\n } else {\n console.log(`Sale for ${product.title} has expired`);\n }\n } else {\n if (!saleName) console.log(`No sale name found for ${product.title}`);\n if (!saleEnd) console.log(`No sale end found for ${product.title}`);\n }\n });\n \n console.log('Final sales data:', salesData);\n displaySales(salesData);\n }\n \n function displaySales(salesData) {\n if (salesData.length === 0) {\n salesContainer.innerHTML = `\n \u003cdiv class=\"no-sales\"\u003e\n \u003ch2\u003e🎉 No Active Sales\u003c\/h2\u003e\n \u003cp\u003eCheck back soon for new promotions and deals!\u003c\/p\u003e\n \u003c\/div\u003e\n `;\n return;\n }\n \n \/\/ Group sales by sale name and end date\n const salesGroups = {};\n \n salesData.forEach(item =\u003e {\n const key = `${item.saleName}::${item.saleEnd}`;\n if (!salesGroups[key]) {\n salesGroups[key] = {\n saleName: item.saleName,\n saleEnd: item.saleEnd,\n saleEndDate: item.saleEndDate,\n products: []\n };\n }\n salesGroups[key].products.push(item);\n });\n \n let html = '';\n \n Object.values(salesGroups).forEach(sale =\u003e {\n html += `\n \u003cdiv class=\"sale-item\"\u003e\n \u003cdiv class=\"sale-header\"\u003e\n \u003ch2 class=\"sale-title\"\u003e🏷️ ${sale.saleName}\u003c\/h2\u003e\n \u003cdiv class=\"sale-countdown\"\u003e\n \u003cspan class=\"sale-end-label\"\u003eEnds:\u003c\/span\u003e\n \u003cspan class=\"sale-end-date\" data-end-date=\"${sale.saleEnd}\"\u003e\n ${sale.saleEndDate.toLocaleDateString('en-US', { \n year: 'numeric', \n month: 'long', \n day: 'numeric', \n hour: 'numeric', \n minute: '2-digit',\n hour12: true\n })}\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sale-products\"\u003e\n \u003ch3\u003eProducts on Sale (Organized by Vehicle Fitment):\u003c\/h3\u003e\n ${generateFitmentSections(sale.products)}\n \u003c\/div\u003e\n \u003c\/div\u003e\n `;\n });\n \n salesContainer.innerHTML = html;\n addCountdownTimers();\n }\n \n function generateFitmentSections(products) {\n \/\/ Group products by fitment\n const fitmentGroups = {};\n \n products.forEach(product =\u003e {\n if (product.fitmentTags.length \u003e 0) {\n product.fitmentTags.forEach(fitment =\u003e {\n if (!fitmentGroups[fitment]) {\n fitmentGroups[fitment] = [];\n }\n fitmentGroups[fitment].push(product);\n });\n } else {\n \/\/ Products without fitment tags go to \"Universal\"\n if (!fitmentGroups['Universal']) {\n fitmentGroups['Universal'] = [];\n }\n fitmentGroups['Universal'].push(product);\n }\n });\n \n let html = '';\n \n \/\/ Sort fitment groups alphabetically\n const sortedFitments = Object.keys(fitmentGroups).sort();\n \n sortedFitments.forEach(fitment =\u003e {\n const displayName = fitment === 'Universal' \n ? '🔧 Universal \/ Multi-Fit'\n : `🚗 ${fitment.replace(\/_\/g, ' ')\n .replace('WRX', 'Subaru WRX')\n .replace('STI', 'Subaru STI')\n .replace('BRZ', 'Subaru BRZ')\n .replace('FORESTER', 'Subaru Forester')\n .replace('OUTBACK', 'Subaru Outback')\n .replace('LEGACY', 'Subaru Legacy')}`;\n \n const allProducts = fitmentGroups[fitment];\n const displayProducts = allProducts.slice(0, 5); \/\/ Show only first 5\n const hasMore = allProducts.length \u003e 5;\n \n html += `\n \u003cdiv class=\"fitment-section\"\u003e\n \u003cdiv class=\"fitment-header\"\u003e\n \u003ch4 class=\"fitment-title\"\u003e${displayName}\u003c\/h4\u003e\n \u003cdiv class=\"fitment-counts\"\u003e\n \u003cspan class=\"product-count\"\u003e${allProducts.length} product${allProducts.length === 1 ? '' : 's'} on sale\u003c\/span\u003e\n ${hasMore ? `\u003cspan class=\"showing-count\"\u003eShowing top 5\u003c\/span\u003e` : ''}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-grid-compact\"\u003e\n `;\n \n displayProducts.forEach(product =\u003e {\n let imageUrl = '';\n \n console.log('Processing product image:', product.productTitle, product.productImage);\n \n if (product.productImage) {\n \/\/ Handle Shopify image object or string\n let imageSrc = '';\n if (typeof product.productImage === 'string') {\n imageSrc = product.productImage;\n console.log('Image is string:', imageSrc);\n } else if (product.productImage.src) {\n imageSrc = product.productImage.src;\n console.log('Image has .src property:', imageSrc);\n } else if (product.productImage.url) {\n imageSrc = product.productImage.url;\n console.log('Image has .url property:', imageSrc);\n } else {\n console.log('Image object structure:', Object.keys(product.productImage));\n }\n \n if (imageSrc) {\n \/\/ Handle Shopify image URL transformation\n if (imageSrc.includes('shopifycdn.com') || imageSrc.includes('shopify.com')) {\n \/\/ For Shopify images, add size transformation\n imageUrl = imageSrc.replace(\/(\\.[^.]*$)\/, '_150x150$1');\n console.log('Transformed Shopify URL:', imageUrl);\n } else {\n \/\/ Use image as-is if it's not a Shopify CDN URL\n imageUrl = imageSrc;\n console.log('Using image as-is:', imageUrl);\n }\n }\n }\n \n \/\/ Use placeholder if no image URL found\n if (!imageUrl) {\n imageUrl = 'data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDE1MCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxMjAiIGZpbGw9IiNmNGY0ZjQiLz48dGV4dCB4PSI3NSIgeT0iNjAiIGZpbGw9IiM5OTk5OTkiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSI+Tm8gSW1hZ2U8L3RleHQ+PC9zdmc+';\n console.log('Using placeholder image');\n }\n \n html += `\n \u003cdiv class=\"product-card-compact\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"${imageUrl}\" alt=\"${product.productTitle}\" loading=\"lazy\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDE1MCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxMjAiIGZpbGw9IiNmNGY0ZjQiLz48dGV4dCB4PSI3NSIgeT0iNjAiIGZpbGw9IiM5OTk5OTkiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSI+Tm8gSW1hZ2U8L3RleHQ+PC9zdmc+';\"\u003e\n \u003c\/div\u003e\n \u003ca href=\"${product.productUrl}\" class=\"product-link\"\u003e\n \u003cstrong\u003e${product.productTitle}\u003c\/strong\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n `;\n });\n \n html += `\n \u003c\/div\u003e\n `;\n \n \/\/ Add \"View More\" button if there are more products\n if (hasMore) {\n const filterTag = fitment !== 'Universal' ? fitment : '';\n const viewMoreUrl = filterTag \n ? `${fitmentGroups[fitment][0].collectionUrl}?constraint=${encodeURIComponent(filterTag)}`\n : fitmentGroups[fitment][0].collectionUrl;\n \n html += `\n \u003cdiv class=\"view-more-section\"\u003e\n \u003ca href=\"${viewMoreUrl}\" class=\"view-more-btn\"\u003e\n View All ${allProducts.length} ${displayName.replace(\/🚗|🔧\/, '').trim()} Products →\n \u003c\/a\u003e\n \u003c\/div\u003e\n `;\n }\n \n html += `\n \u003c\/div\u003e\n `;\n });\n \n return html;\n }\n \n function addCountdownTimers() {\n const saleEndElements = document.querySelectorAll('.sale-end-date');\n \n saleEndElements.forEach(function(element) {\n const endDateStr = element.getAttribute('data-end-date');\n const endDate = new Date(endDateStr);\n const now = new Date();\n \n if (endDate \u003e now) {\n const timeDiff = endDate - now;\n const days = Math.floor(timeDiff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) \/ (1000 * 60));\n \n let countdown = '';\n if (days \u003e 0) {\n countdown = ` \u003csmall style=\"display: block; margin-top: 5px;\"\u003e(${days}d ${hours}h ${minutes}m left)\u003c\/small\u003e`;\n } else if (hours \u003e 0) {\n countdown = ` \u003csmall style=\"display: block; margin-top: 5px;\"\u003e(${hours}h ${minutes}m left)\u003c\/small\u003e`;\n } else if (minutes \u003e 0) {\n countdown = ` \u003csmall style=\"display: block; margin-top: 5px;\"\u003e(${minutes} minutes left!)\u003c\/small\u003e`;\n } else {\n countdown = ` \u003csmall style=\"display: block; margin-top: 5px; color: #ffd700;\"\u003e(ENDING NOW!)\u003c\/small\u003e`;\n }\n \n element.innerHTML += countdown;\n }\n });\n }\n});\n\u003c\/script\u003e"}]
import-image-racing.myshopify.com
[{"id":42196988788832,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"perPSP-SUS-127","requires_shipping":true,"taxable":true,"featured_image":{"id":35405483802720,"product_id":7472061251680,"position":1,"created_at":"2025-08-04T14:32:27-04:00","updated_at":"2025-09-01T11:52:12-04:00","alt":"Perrin Front Swaybar 26mm Subaru WRX 2015-2021 | PSP-SUS-127","width":800,"height":533,"src":"\/\/www.importimageracing.com\/cdn\/shop\/files\/Perrin-Front-Swaybar-26mm-Subaru-WRX-2015-2021-PSP-SUS-127.jpg?v=1756741932","variant_ids":[42196988788832]},"available":true,"name":"Perrin Front Swaybar 26mm Subaru WRX 2015-2021 | PSP-SUS-127","public_title":null,"options":["Default Title"],"price":23775,"weight":6350,"compare_at_price":31700,"inventory_quantity":4,"inventory_management":"shopify","inventory_policy":"deny","barcode":null,"featured_media":{"alt":"Perrin Front Swaybar 26mm Subaru WRX 2015-2021 | PSP-SUS-127","id":26718116216928,"position":1,"preview_image":{"aspect_ratio":1.501,"height":533,"width":800,"src":"\/\/www.importimageracing.com\/cdn\/shop\/files\/Perrin-Front-Swaybar-26mm-Subaru-WRX-2015-2021-PSP-SUS-127.jpg?v=1756741932"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
