Guest Designer Tracy Paul For Macaroon

Wonderfully whimsical stationery & accessories by the talented Tracy Paul - exclusive to Macaroon

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.