We’re Blend Commerce

Contact our team using the options below

hello@blendcommerce.com
+44 (0) 1789 765 822
+1 (833) 456-4236

Courtyard Offices, 55 High St, Alcester B49 5AF

Search our shop

    We’re Blend Commerce

    Getting in Touch

    Contact our team using the options below

    hello@blendcommerce.com
    +44 (0) 1789 765 822
    +1 (833) 456-4236

    Courtyard Offices, 55 High St, Alcester B49 5AF

    Navigation

    The user can step back through the navigation only once they have completed all required options on that stage. In reality, this is only limited to the options stage, where the user must select a length (and weight if appropriate) before being able to continue. This ensures that the engraving preview displays the correct bat specifications.

    Images

    Bat images are cropped to a 10:1 aspect ratio. Image files are saved out at a HD resolution of 1920px × 192px from a  4K resolution master Illustrator file at 3840px × 384px as png with transparency. Bat masks are white png files with transparency, however svg files can be used if pixelation is an issue. These are added as assets using the following naming conventions:

    bat-handle__type--orientation.png

    An example set of images for bat BM271:

    bm271__photo--horizontal.pngbm271__mask--horizontal.pngbm271__photo--vertical.pngbm271__mask--vertical.png

    Info modals

    The information modals are individual pages in the back end, each requiring a H1 tag and a paragraph of descriptive text.

    Colors, Dyes & Finishes

    Colors are defined by variables so can be easily updated. Dyes have an opacity and blending mode applied to them. Gloss and matte finished work in the same way as colors, with the gloss finish being a gradient overlay with transparency.

    ColorValue
    raw-no-finishrgba(255,255,244,0.25)
    woodrgba(212,190,141,1)
    natural-clear-coatrgba(214,183,54,0.25)
    blackrgb(0,0,0)
    honey-brownrgb(124,70,22)
    redrgb(255,0,0)
    candy-apple-redrgb(214,50,21)
    bluergb(44,87,166)
    royal-bluergb(33, 54,179)
    light-bluergb(2, 222,255)
    navy-bluergb(43,72,142)
    greenrgb(89,122,56)
    army-greenrgb(37,58,47)
    maroonrgb(76,25,22)
    purplergb(89,58,90)
    pinkrgb(254,139,205)
    whitergb(245,245,245)
    whitewashrgb(248,240,220)
    winergb(114,39,37)
    orangergb(210,121,35)
    smokergb(83,87,86)
    yellowrgb(240,229,69)
    goldrgb(255,223,0)
    silverrgb(192,192,192)

    Logo & Knob Sticker

    The logo is required and defaults to the original Birdman logo. The knob sticker is optional. These are added as assets using the following naming conventions:

    logo--filename.pngknob__logo--filename.png

    Options

    Species, cup, length and weight are all required. Rush order is optional. For Youth bats, there is no weight option, and the Fungo has limited lengths. Length, weight and rush order can change the price of the bat.

    Engraving

    Text

    The engraving text is dynamic in size, depending upon the character count, up to a maximum of 25. The breaks are:

    Character CountFont Size
     < 12Maximum
    12 < 15Large
    15 < 20Medium
    20 < 26Small


    Fonts

    These are added as truetype files in the assets folder. Each font has its own css to adjust the size of the text across the character count breakpoints.

    Engraving Color

    This feature is disabled if the bat barrel has a "raw" finish. This is due to the paint physically bleeding into the bat material when no finish is chosen.

    About the author

    Let's achieve better Shopify store performance. Together.

    We help clients achieve significant results. On average, clients who work with Blend on design & development projects for their Shopify store achieve these results after 3 months: