Soft Journal Sets

Our stunning soft journal sets are our top pick of an affordable and gorgeous gift. A coordinating perfect pair of A5 soft covered notebooks, with simple lined inner pages, these convenient beauties make the perfect pressie for an uplifting year of journaling, list making and note taking. Available in design duos in Macaroon's magical new prints and flirting a touch of foil for a fab flair.

Soft Journal Sets

Our stunning soft journal sets are our top pick of an affordable and gorgeous gift. A coordinating perfect pair of A5 soft covered notebooks, with simple lined inner pages, these convenient beauties make the perfect pressie for an uplifting year of journaling, list making and note taking. Available in design duos in Macaroon's magical new prints and flirting a touch of foil for a fab flair.

Soft Journal Sets

Our stunning soft journal sets are our top pick of an affordable and gorgeous gift. A coordinating perfect pair of A5 soft covered notebooks, with simple lined inner pages, these convenient beauties make the perfect pressie for an uplifting year of journaling, list making and note taking. Available in design duos in Macaroon's magical new prints and flirting a touch of foil for a fab flair.

Soft Journal Sets

Our stunning soft journal sets are our top pick of an affordable and gorgeous gift. A coordinating perfect pair of A5 soft covered notebooks, with simple lined inner pages, these convenient beauties make the perfect pressie for an uplifting year of journaling, list making and note taking. Available in design duos in Macaroon's magical new prints and flirting a touch of foil for a fab flair.

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.

Close