Temple and Grace
Wholesale pricesShop with Temple and Grace100 day free returns Shop with Temple and GraceBook a virtual appointment.View our advantages >Shop with Temple and GraceFree insured shipping
×
Close X

Black Onyx Necklaces

We're sorry for not having products in this section. However, being Canadian jewellery-makers means that we can customise your jewellery piece to the highest standards. Yes, we are also up to 40% cheaper than traditional jewellery retailers. Please call us on 613 416 2221 and we will do all that we can to make your big day special :)

We stock diamonds graded by the GIA.

GIA
Our correspondence address is:

Temple & Grace
Unit 5, 2164 Montreal Road,
Ottawa, ON K1J 1G4.

Phone: 613 416 2221

Copyright © Temple & Grace.
All rights reserved
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-necklaces&style=black-onyx-necklaces&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-necklaces,black-onyx-necklaces,#" + 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"); }); }); -->