Wild Racers

Our Wild Racers make stationery and organisation for boys fun and funky! Featuring the coolest wild animals wearing skating helmets and head phones, these cool dudes will put the fun back in functional! Available across Macaroon's flagship products and stationery accessories.

Wild Racers

Filter :

View :

<div class="main-image  col-lg-12 no-padding style3">
            <a class="product-largeimg-link" href="/product/<%=idName%>"><img
                    src="<%=image%>"
                    class="img-responsive product-largeimg js-quick-image"
                    alt="img">
            </a>
        </div>

</div>
        
    </div>

<h3 class="product-code">Product Code : <%=code%></h3>

</div>

<div class="addto row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <button data-action="true"
                                class="button btn-block btn-cart cart first js-check-stock-btn " disabled="true" title="Add to Cart" type="button"><div class="spinner sm pull-right light"></div> Checking stock
                        </button>

<div class="col-lg-6"><a href="/product/<%=idName%>"
                                             class="link-wishlist wishlist btn-block ">View Detail</a>
                    </div>
                </div>

<div style="clear:both"></div>
                <h3 class="incaps hidden js-stock-indicator " data-stock-indicator="false" ><i class="fa fa-minus-circle color-out"></i> Sold Out</h3>
                <h3 class="incaps hidden js-stock-indicator " data-stock-indicator="true" ><i class="fa fa fa-check-circle-o color-in"></i> In stock <span class="js-stock-counter"></span></h3>

</div>

<div class="product-share clearfix">
                <p> SHARE </p>
                <div class="socialIcon">
                    <a onclick="fbArticleShare('<%=idName%>', xing.contextPath + 'product/<%=idName%>')"> <i class="fa fa-facebook"></i></a>
                    <a onclick="twitterArticleShare('<%=idName%>', xing.contextPath + 'product/<%=idName%>')" > <i class="fa fa-twitter"></i></a>
                    <a onclick="googleShare('<%=idName%>', xing.contextPath + 'product/<%=idName%>')"> <i class="fa fa-google-plus"></i></a>
                    <a onclick="pinterestShare('<%=idName%>', '<%=image%>', '<%=name%>', xing.contextPath + 'product/<%=idName%>')"> <i class="fa fa-pinterest"></i></a>
                </div>

</div>
            
        </div>
        
    </div>
    
    <div class="clear"></div>

<div class="<%=browseMode=='grid' ? 'slim-item' : ''%> js-item item col-xs-12 col-sm-4 col-md-3 col-lg-3 ">
        <div class="product js-product" data-id="<%=gumlet.id%>" data-id-name="<%=gumlet.idName%>" data-idx="<%=idx%>"
             data-code="<%=gumlet.code%>" data-archived="<%=gumlet.archived%>" data-direct-buy="<%=gumlet.directBuy%>">
            <a class="add-fav js-add-to-fav" data-id="<%=gumlet.id%>" >
                <i class="glyphicon glyphicon-heart"></i>
            </a>

<div class="image">
                <div class="quickview">
                    <a class="btn btn-xs btn-quickview"
                       href="javascript://" onclick="pb.quick('<%=gumlet.id%>')">Quick View</a>
                </div>
                <%if (gumlet.thumbnail != null && gumlet.thumbnail.length > 0 ) {%>
                    <img src="<%=gumlet.thumbnail%>" data-src="<%=gumlet.quickImage%>" alt="img" class="img-responsive js-product-image">
                <%} else {%>
                    <img src="<%=gumlet.quickImage%>" data-src="<%=gumlet.quickImage%>" alt="img" class="img-responsive js-product-image">

<%}%>
            </div>
            <div class="description">
                <a href="/product/<%=gumlet.idName%>" >
                    <h4><span class="js-product-name"><%=gumlet.name%></span> </h4>
                    <h5 class="hidden"><%=gumlet.name%></h5>
                    <small class="js-product-detail-name product-detail-name"><br><%=gumlet.productDetailName%></small>
                </a>
            </div>
            <div class="grid-description">

</div>

<%}%>
            </span></div>
            <div class="action-control"><a class="js-list-btn btn btn-primary <%=browseMode=='grid' ? 'btn-sm' : ''%>" href="/product/<%=gumlet.idName%>"> <span
                    class="add2cart"><i
                    class="glyphicon glyphicon-shopping-cart"> </i><span class="js-detail-btn"> <%=browseMode=='grid' ? 'View' : 'Product Detail'%> </span></span> </a>
            </div>
        </div>
    </div>
    <%if (insertClearClass.length > 0) {%>
        <div class="clearfix <%=insertClearClass%>"></div>
    <%}%>

<%if (level.itemsLength > 2) {%>
                        <select name="opt_<%=level.name%>" class="form-control js-price-select" data-level="<%=level.name%>">
                            <%for (var c = 0; c < level.items.length; c++) {
                            var item = level.items[c];
                            %>
                            <option <%=item.selected ? 'selected' : ''%> value="<%=item.id%>"><%=item.name%>
                            </option>
                            <%}%>
                        </select>
                    <%} else { %>

<%for (var c = 0; c < level.items.length; c++) {
                            var item = level.items[c];
                        %>
                            <div class="row js-price-opt-row">
                                
                                    <input class="rad-opt-price" name="opt_<%=level.name%>"
                                           data-level='<%=level.name%>'
                                           style="<%=(level.itemsLength==1) ? 'display:none' : ''%>"
                                           value="<%=item.id%>"
                                           type="radio" <%=item.selected ? 'checked="true"' : ''%>>
                                
                                
                                    <span class="rad-price-select"><small><%=item.name%></small></span>
                                
                            </div>
                        <%}%>
                    <%}%>
                </div>
            </div>
        <%}%>
    </form>

<%
      var cols = 4;
      if (navLinks.length > 0) {
    %>
        <%for (var i = 0; i < navLinks.length; i++) { %>

<%}%>
    <%}%>
        <div class="clearfix"></div>
    <%if (navLinks.length> 0) { %>
        <div class="search-header">Products</div>
    <%
        }
    %>
        <div class="js-other-results">
            <div class="spinner sm"></div>
        </div>
        <div class=" js-google-results">
            <div class="spinner sm"></div>
        </div>

<%
    if (results.length> 0) {
        if (w < 10) {
%>
            <ul>
                <%for (var i = 0; i < maxCount; i++) { %>
                    <li class="js-result-item"  data-idx="<%=i+pageResultCount%>" ><%=results[i].name%></li>
                <%} %>
            </ul>
<%
        } else {
            for (var i = 0; i < maxCount; i++) {
                var gumlet = results[i];
%>
                <div class="js-result-item quick-result-item" data-idx="<%=i+pageResultCount%>" data-id="<%=gumlet.id%>" data-id-name="<%=gumlet.idName%>">
                    <a href="<%=xing.contextPath%>product/<%=gumlet.idName%>">
                        <div class="quick-result-image">
                          <%if (gumlet.thumbnail != null && gumlet.thumbnail.length > 0 ) {%>
                            <img src="<%=gumlet.thumbnail%>" alt="img" class="img-responsive">
                          <%}%>
                        </div>
                        <div class="result-description">
                            <div class="result-title"><%=gumlet.name%></div>
                            <div class="result-short">
                                <small><%=gumlet.productDetailName%></small>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="clearfix"></div>
    <%
            }
        }
    %>
    <%
    } else {
    %>
<%
    }
%>

<%
    function getGImg(item) {
        var img = null;
        if (item.pagemap && item.pagemap.cse_thumbnail) {
            img = item.pagemap.cse_thumbnail[0].src;
        } else if (item.pagemap && item.pagemap.hproduct && item.pagemap.hproduct.length > 0) {
            if ( item.pagemap.hproduct[0].photo) {
                img = item.pagemap.hproduct[0].photo;
            }
        }
        return img;
    }
    for (var i = 0; i < maxCount; i++) {
        var item = data.items[i];
%>
        <div class="js-result-item quick-result-item" data-idx="<%=i+pageResultCount%>">
            <a href="<%=item.link%>">
                <div class="quick-result-image">
                    <i class="fa fa fa-google source-overlay" ></i>
                    <%
                        var img = getGImg(item);
                        if (img != null) {
                    %>
                            <img src="<%=img%>" alt="img" class="img-responsive">
                    <%
                        } else {
                    %>
                            <i class="fa fa-4x fa-file-o"></i>
                    <%
                        }
                    %>
                </div>
                <div class="result-description">
                    <%
                    var title = "";
                    try {
                     var title = item.title;
                        if (title.indexOf("|") != -1) {
                            title = title.substring(0, title.indexOf("|"));
                        }
                        if (title.indexOf("-") != -1) {
                            title = title.substring(0, title.indexOf("-"));
                        }
                    }catch (e) {
                    }
                    %>
                    <div class="result-title"><%=title%></div>
                    <div class="result-short">
                        <%
                            var snippet = "";
                            if (item.snippet.indexOf("<") == -1 && item.snippet.indexOf(">")==-1) {
                                snippet=item.snippet;
                            }
                        %>
                        <small><%=snippet%></small>
                    </div>
                </div>
            </a>
        </div>
        <div class="clearfix"></div>

<%
    }
%>

You are using an outdated browser. Please UPGRADE YOUR BROWSER to improve your experience.