2021 Page-A-Day Diaries

Sorry - our 2021 Flagship Personalised Diaries have SOLD OUT for the year! We are so sorry to disappoint. Please remember to order your 2022 diary early in the last quarter of 2021. Have a magical year.

2021 Page-A-Day Diaries

Sorry - our 2021 Flagship Personalised Diaries have SOLD OUT for the year! We are so sorry to disappoint. Please remember to order your 2022 diary early in the last quarter of 2021. Have a magical year.

2021 Page-A-Day Diaries

Sorry - our 2021 Flagship Personalised Diaries have SOLD OUT for the year! We are so sorry to disappoint. Please remember to order your 2022 diary early in the last quarter of 2021. Have a magical year.

2021 Page-A-Day Diaries

Sorry - our 2021 Flagship Personalised Diaries have SOLD OUT for the year! We are so sorry to disappoint. Please remember to order your 2022 diary early in the last quarter of 2021. Have a magical year.

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