×

Gemstone Jewellery

When precious gemstones are set by our master jewel-smiths in fine gold and platinum, the outcome is simply stunning. Choose from gemstone wedding rings, gemstone engagement rings and pretty gemstone bridal jewellery at Temple and Grace. Every piece of our timeless gemstone jewellery collection is backed by a complete money-back free returns guarantee.

Emerald Floral ring
$2,582.3
  • White Gold
Details
Heart Ruby studs
$1,814.96
  • Yellow Gold
  • Rose Gold
Details
Red oval Ring
$3,304
  • White Gold
  • Yellow Gold
  • Rose Gold
Details
Peridot Studs
$1,241.66
  • White Gold
Details
Aquamarine Studs
$1,229.9
  • White Gold
Details
Red Ruby Hoops 3763
$2,324.56
  • White Gold
  • Yellow Gold
  • Rose Gold
Details
Garnet Studs
$878.08
  • White Gold
Details
Opal Earstuds
$926
  • White Gold
  • Yellow Gold
  • Rose 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-jewellery&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-jewellery,,#" + 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"); }); }); -->