Bike Archives - Page 2 of 10

/* PayPal logo removal in checkout */ jQuery(document).ready(function($) { // Hide Powered by PayPal label $('.paypal-logo').hide(); // Fallback: Hide any element containing "Powered by PayPal" $('#ppc-button-ppcp-gateway').find('*:contains("Powered by PayPal")').hide(); }); jQuery(document).on('click', 'a[href^="#bomsquad-"]', function(e) { const map = { '#bomsquad-boomdollarz-popup': 157510, '#bomsquad-community-popup': 159914, '#bomsquad-discounts-popup': 159916, '#bomsquad-fit-feedback-popup': 159918, '#bomsquad-giveaways-popup': 159920, '#bomsquad-sample-sale-popup': 159922, '#bomsquad-free-shipping-popup': 159930, '#bomsquad-team-store-popup': 159924, '#bomsquad-events-popup': 159926, '#bomsquad-club-custom-popup': 159928, '#bomsquad-tri-suit-popup': 159932, '#bomsquad-social-media-kit-popup': 159934, '#bomsquad-faq-popup': 159936, '#bomsquad-gear-bundle-popup': 159938, }; const popupId = map[jQuery(this).attr('href')]; if (popupId && typeof PUM !== 'undefined') { e.preventDefault(); PUM.open(popupId); } }); /** * Bomsquad Composite Products — Owl Carousel init for component option grids * * WHERE THIS GOES: Uncode Theme Options → Custom JS * (NOT Code Snippets — Code Snippets without Pro treats JS as PHP and breaks it) * * WHAT IT DOES: * WooCommerce Composite Products renders each component's product options as *

as a percentage of its containing block — * ".full_width .columns-3 ul.component_option_thumbnails_container * li.component_option_thumbnail_container{width:30.9%}". That's fine in the * native grid (30.9% of the ~717px row ≈ 221px), but once Owl re-parents * each
inside its own much-narrower .owl-item slide (~239px), the same * 30.9% resolves against that new, smaller containing block instead — * 30.9% of 239px ≈ 74px, matching the tiny size observed. This injects a * small CSS override, scoped only to converted (".owl-carousel") grids, so * it doesn't affect components left in their native paginated layout (like * "Tech Tee or Singlet"). * * Also fixes an eighth issue found on the live page: Owl's dots render via * absolute positioning that intentionally overflows below the carousel's * own box (Uncode's CSS: ".owl-dots-outside .owl-dots { bottom: -54px }"). * Native carousels reserve space for this via a "margin-bottom: 54px" rule * keyed to a "data-dots"/"data-dots-mobile" attribute Uncode's own carousel * markup sets automatically — since we build our carousel manually, that * attribute (and the resulting margin) was never present, so the dots got * silently clipped by the wrapper's "overflow: hidden". Confirmed on a real * mobile device tab (not just desktop devtools emulation) that dots exist in * the DOM with correct styles but sit ~54px below the wrapper's clipped * bounds. Rather than depend on the attribute-driven native rule (which * turned out to still resolve to 0 in practice, likely a cascade/specificity * conflict with Composite's own CSS not worth continuing to chase), this * adds the margin directly. * * Also matches typography to the native product-module carousel (compared * directly against the "Related Products" carousel further down this same * page): titles/prices were rendering at 15px/400-weight/gray instead of the * native 12px/700-weight/dark (rgb(48,49,51)). * * Also hides the quantity selector — this bundle is purchase-one-only, so * the stepper serves no purpose. CSS-only hide (not removed from the DOM), * so the input keeps its default value of 1 and form submission is * unaffected. * * Also applies the site's pink accent button styling * (background/border #ff009c, white text) to the Add to Cart button, * matching the color used elsewhere on the site (e.g. ".btn-accent.btn-flat" * buttons) instead of the theme's default yellow. * * Also matches the desktop breakpoint to the native "Related Products" * carousel exactly (compared its live Owl config directly): items:4 at * 960px, not items:5 as originally guessed, plus the missing 480px tier * (also items:2, so no visible change there, just consistency). Fewer * items sharing the same row width means each one renders larger — this * was the main cause of the "still too small on desktop" images before * this fix, confirmed by comparing measured item widths directly (239px * at items:5 vs 287px at items:4 for the same viewport). * * Also centers a component's row when it has fewer items than the current * breakpoint's view count (e.g. a 2-item component at a breakpoint that * shows 4), instead of leaving it left-aligned with empty space on the * right. Toggled live via Owl's own "changed"/"refreshed" events so it * responds correctly to window resizes crossing a breakpoint, not just * initial load. * * Also fixes a stubborn image-sizing quirk: percentage-based widths * (width:100%, max-width:100%) on the option images consistently resolved * to ~91% of the actual available width regardless of display type or * !important — verified this wasn't a specificity/cascade issue (a clean, * uncontested rule still landed short), but explicit pixel values applied * via inline style always worked correctly. So this sets each image's * width in pixels via JS instead, recalculated on the same * resize/breakpoint events used for underflow centering. This went through * a few iterations: initially sized from the
width minus 18px (to * match the native carousel's item gap), tightened to 8px on request to * make mobile's 2-per-row images bigger, then reverted back to 18px on a * later request to match the native carousel's size/spacing exactly * instead — but that surfaced a * real overflow bug, since the
-based calculation didn't account for * padding/margin on intermediate containers (.thumbnail_image, * .component_option_thumbnail), so the image could render wider than its * actual immediate container and overflow rightward (an oversized * inline-block child isn't centered by text-align:center — only smaller * ones are). Fixed by zeroing that intermediate padding/margin, forcing * the image's containing AND its .thumbnail_image parent to * display:block/width:100% (both were needed — display:block alone left * .thumbnail_image shrink-wrapped to its content instead of filling its * own parent, for reasons not fully chased down) so the rendered width * reliably reflects real available space, and measuring that directly * rather than approximating from the
. * * Also switches from dots to nav arrows at desktop widths (960px+), per * request — dots remain for mobile/tablet. Native Owl nav arrows are * unstyled by default in Uncode's base CSS (just position/color, no * background), so this adds dark buttons styled to look intentional * rather than bare text. Went through a styling revision after feedback * that they didn't match a native reference (the related-products * carousel's own arrows, visible on individual product pages): measured * that native button directly (36px × 90px, solid rgb(48,49,51), mostly * square corners — only the outer corner rounded 2px, white 21px icon * centered in the tall box) and matched it exactly, including switching * from Unicode "›"/"‹" characters (reported as rendering ambiguously, * looking like "≥" in some font contexts) to the same * "fa fa-angle-left"/"fa fa-angle-right" FontAwesome icons Uncode uses * natively. * Fixed a bug in this same feature: the display override needed to make * Uncode's (default-hidden) nav visible at all was unconditional, which * broke Owl's own "disabled" state (added to .owl-nav when nav:false for * the current breakpoint) — arrows were incorrectly showing on mobile. * Scoped the override to ":not(.disabled)" so mobile stays arrow-free. * * Also implements the multi-page merge that an earlier version of this * script attempted and had to back out: components with more products than * fit on one native page (like "Tech Tee or Singlet") now click through * every page, collect all items, and merge them into one carousel instead * of being left as a plain paginated grid — so every component looks and * behaves the same way, per explicit request. The earlier attempt had a * duplication bug (some items appearing 2-3x) root-caused this time: * Composite's pagination doesn't just update the grid's contents, it * replaces the entire

Bike

Women’s Light Coverage Sports Bra – Bomination

Women’s Elite Tri Shorts – Checkadelic

Women’s Elite Short Sleeve Tri Top – Checkadelic

Men’s Elite Short Sleeve Tri Top – CMYKool

Men’s Elite Short Sleeve Tri Top – Checkadelic

Bomboom Sport Bottle

Explore

Info

Conversation

Location

© Bomboom 2026

Website by Denton Experience

© Bomboom 2026

Website by Denton Experience

Our bundled gear packages EXCLUSIVELY for squad athletes.One flat-rate super deal to get you in head-to-toe Bomboom.[Desktop computer recommended]

If you podium wearing Bomboom, post a podium pic on your favorite social media platform and tag us or make us a collaborator on your post. Email us a screenshot of your post as well as your official race results and get a $20 credit towards gear and swag.

Everything you need to rep Bomboom on social — logos, brand assets, taglines, hashtags, and squad-approved content you can post, share, and tag us in.

The more Bomboom shows up in your feed, the more the community grows. Let's get loud.

Keep an eye out for the Bomsquad-exclusive tri suit, coming soon!

Squad members get free shipping on every order. No code needed - like your 15% off discount, your free shipping benefit automatically applies!

Teams and event coordinators can request fully-custom designs and storefronts; inquire with our team at [email protected]. (Minimums on fully custom gear apply).

Sample Sale access: Through our closed Facebook group, get access to previous pattern iterations at clearance prices. As we refine our designs, squad gets first dibs on what came before, before it's gone for good.

Giveaways in our closed Facebook group, everything from gear to limited edition swag. It pays to stay involved with the community.

Your Bomsquad account auto-applies a 15% discount off of everything on our main store and our team store. No need to enter a code at checkout.

AND 35% off all pre-orders — INCLUDING — all future available product drops. The latest designs and colors, all at an insane discount, ONLY for our Bomsquad members.

If you podium wearing Bomboom, post a podium pic on your favorite social media platform and tag us or make us a collaborator on your post. Email us a screenshot of your post as well as your official race results and get a $20 credit towards gear and swag.