×

Gemstone Bracelets

Beautiful bracelets encrusted with sapphires, aquamarines, ruby's and more. At Temple and Grace, we customise bracelets and all fine jewellery to your requirements. Every piece of jewellery is handcrafted to exceptional standards. Shop online with our 100% money back guarantee.

Blue sapphire bangle
$3,417.26
  • White Gold
Details
Ruby bangle
$3,417.26
  • Rose Gold
Details
Ruby Bracelet
$4,686.36
  • Rose Gold
Details
Circle Ruby Bracelet
$1,571.92
  • Rose Gold
Details
Clover Ruby Bracelet
$1,691.48
  • White Gold
Details
loading
$(".mega-dropdown-menu ").hover( function () { $(this).parent($("li.mega-dropdown")).children($(".mega-dropdown")).css({ "color": "#a7892f" }); }, function () { $(this).parent($("li.mega-dropdown")).children($(".mega-dropdown")).css({ "color": "#000" }); } ); --> $('.moreless-button').click(function () { $('.moretext').slideToggle(); if ($('.moreless-button').text() == "Read more") { $(this).text("Reduce") } else { $(this).text("Read more") } }); $(document).ready(function () { fn_GetBreadCrumbs(); }); function fn_GetBreadCrumbs() { $.ajax({ type: "GET", url: "/Category/GetBreadCrumb?category=jewellery&subCat=gemstone-bracelets&style=&SubStyle=", success: function (result) { var strUrl = ""; $(".ul_BreakCrumb").html("
  • Home
  • "); for (i in result.BreadCrumb) { strUrl += "/" + result.BreadCrumb[i].CatName; $(".ul_BreakCrumb").append("
  • " + result.BreadCrumb[i].DisplayName + "
  • "); } } }) } $("#dvCatProdList").on("click", ".productlistdiv a", function (event) { var ProdUrl = $(this).attr("href"); if (ProdUrl.indexOf("/buy/") >= 0) { setCookie("PreviousUrl", "jewellery,gemstone-bracelets,,#" + ProdUrl.replace("/buy/",""), 1) } }); function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } //tab with accordion script // duration of scroll animation var scrollDuration = 200; // paddles var leftPaddle = document.getElementsByClassName('plp-overflow-carousel__button--left'); var rightPaddle = document.getElementsByClassName('plp-overflow-carousel__button--right'); // get items dimensions var itemsLength = $('.plp-overflow-carousel__content li').length; var itemSize = $('.plp-overflow-carousel__content li').outerWidth(true); // get some relevant size for the paddle triggering point var paddleMargin = 20; // get wrapper width var getMenuWrapperSize = function() { return $('.plp-overflow-carousel').outerWidth(); } var menuWrapperSize = getMenuWrapperSize() - 250; // the wrapper is responsive $(window).on('resize', function() { menuWrapperSize = getMenuWrapperSize() - 20; }); // size of the visible part of the menu is equal as the wrapper size var menuVisibleSize = menuWrapperSize; // get total width of all menu items var getMenuSize = function() { return itemsLength * itemSize; }; var menuSize = getMenuSize(); // get how much of menu is invisible var menuInvisibleSize = menuSize - menuWrapperSize; // get how much have we scrolled to the left var getMenuPosition = function() { return $('.plp-overflow-carousel__content').scrollLeft(); }; // finally, what happens when we are actually scrolling the menu $('.plp-overflow-carousel__content').on('scroll', function() { // get how much of menu is invisible menuInvisibleSize = menuSize - menuWrapperSize; // get how much have we scrolled so far var menuPosition = getMenuPosition(); var menuEndOffset = menuInvisibleSize - paddleMargin; // show & hide the paddles // depending on scroll position if (menuPosition <= paddleMargin) { $(leftPaddle).addClass('plp-overflow-carousel__button--hidden'); $(rightPaddle).removeClass('plp-overflow-carousel__button--hidden'); } else if (menuPosition < menuEndOffset) { // show both paddles in the middle $(leftPaddle).removeClass('plp-overflow-carousel__button--hidden'); $(rightPaddle).removeClass('plp-overflow-carousel__button--hidden'); } else if (menuPosition >= menuEndOffset) { $(leftPaddle).removeClass('plp-overflow-carousel__button--hidden'); $(rightPaddle).addClass('plp-overflow-carousel__button--hidden'); } // print important values $('#print-wrapper-size span').text(menuWrapperSize); $('#print-menu-size span').text(menuSize); $('#print-menu-invisible-size span').text(menuInvisibleSize); $('#print-menu-position span').text(menuPosition); }); // scroll to left $(rightPaddle).on('click', function() { $('.plp-overflow-carousel__content').animate( { scrollLeft: menuInvisibleSize}, scrollDuration); }); // scroll to right $(leftPaddle).on('click', function() { $('.plp-overflow-carousel__content').animate( { scrollLeft: '0' }, scrollDuration); }); $("#plp-overflow-carousel li:eq(0) button").tab('show'); var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight){ panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } $(".help_icon[data-toggle=popover]").popover({ html: true, template:'', content: function() { return $('#countProductsPopup').html(); } }); $(document).on("click", ".countProductsPopup .popover-close" , function(){ $(this).parents(".countProductsPopup").popover('hide'); }); $('body').on('click', function (e) { $('.help_icon[data-toggle=popover]').each(function () { // hide any open popovers when the anywhere else in the body is clicked if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { $(this).popover('hide'); } }); }); --> $('.Show').click(function () { $('#target').show().find('input').focus(); $('.Show').hide(); $('.Hide').show(); }); $('.Hide').click(function () { $('#target').hide(); $('.Show').show(); $('.Hide').hide(); }); $('.Show').click(function () { $('#target1').show(); $('.Show').hide(); $('.Hide').show(); }); $('.Hide').click(function () { $('#target1').hide(); $('.Show').show(); $('.Hide').hide(); }); $(".clearable").each(function () { var $inp = $(this).find("input:text"), $cle = $(this).find(".clearable__clear"); $inp.on("input", function () { $cle.toggle(!!this.value); }); $cle.on("touchstart click", function (e) { e.preventDefault(); $inp.val("").trigger("input"); }); }); -->