2024 Page-A-Day Diaries

Our flagship popular 2024 Diary Planners are now available in our bespoke 2024 Cape to Congo designs. Choose your fave diary cover however we will no longer be personalising the cover. Our diary inners are printed in a riot of colour and the page-a-day format allocates you a full page per day, with the weekend spread over a page - perfect for the note takers and list writers!

2024 Page-A-Day Diaries

Our flagship popular 2024 Diary Planners are now available in our bespoke 2024 Cape to Congo designs. Choose your fave diary cover however we will no longer be personalising the cover. Our diary inners are printed in a riot of colour and the page-a-day format allocates you a full page per day, with the weekend spread over a page - perfect for the note takers and list writers!

2024 Page-A-Day Diaries

Our flagship popular 2024 Diary Planners are now available in our bespoke 2024 Cape to Congo designs. Choose your fave diary cover however we will no longer be personalising the cover. Our diary inners are printed in a riot of colour and the page-a-day format allocates you a full page per day, with the weekend spread over a page - perfect for the note takers and list writers!

2024 Page-A-Day Diaries

Our flagship popular 2024 Diary Planners are now available in our bespoke 2024 Cape to Congo designs. Choose your fave diary cover however we will no longer be personalising the cover. Our diary inners are printed in a riot of colour and the page-a-day format allocates you a full page per day, with the weekend spread over a page - perfect for the note takers and list writers!

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