Calculate how many plants you need for full coverage

Distance to cover:ft

Calculate

Result:

Hydrangea arborescens 'Annabelle'

Prebook Price: $31.49
Reg Price:$34.99

Size 3 Gallon

3 Gallon - $31.495 Gallon - $44.9910 Gallon - $107.99

How many do you need?

Quantity

Add to cart How many do you need?

Share

Description

Large clusters of white flowers bloom in summer over large, rich green leaves. Prefers moist soil and partial shade.

 

Additional Information:

Exposure: Shade to full sun
Mature Size: 4-5’ high x 4-5’ wide
Hardiness Zone: Zone 4-9

Calculate how many plants you need for full coverage

Distance to cover:ft

Result:

Calculate

Size

3 Gallon5 Gallon10 Gallon

{ let inventoryText = document.getElementById('inventoryAmountNumber'); inventoryText.textContent = event.detail.variant.inventory_quantity; }); function productPageAddToCart() { let variantElem = document.querySelector('select[name="id"]') || document.querySelector('input[name="id"]'); let variant = variantElem.value; let quantity = document.querySelector('[name="quantity"]').value; fetch('/cart/add.js', { body: JSON.stringify({quantity: quantity, id: variant}), credentials: 'same-origin', method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' // This is needed as currently there is a bug in Shopify that assumes this header } }).then(res => { triggerEvents(res.ok, variant, quantity); }).catch(e => console.log(e)); } function triggerEvents(ok, variant, quantity) { document.dispatchEvent(new CustomEvent('theme:loading:end')); if (ok) { document.dispatchEvent(new CustomEvent('product:added', { bubbles: true, detail: { variant: variant, quantity: quantity } })); } } /** * Only show the calculators if the selector 'p.spacing_string' exists. * Products without this spacing information don't use the calculator. */ document.addEventListener("DOMContentLoaded", () => { let spacingStringElem = document.querySelector('p.spacing_string'); if (spacingStringElem) { // show calculator document.querySelectorAll('div.calculator').forEach((element) => { element.style.display = 'block'; }) } // otherwise, the calculator remains hidden (it is hidden by default) }); // event listeners for calculating the result after clicking the calculate button calcBtns.forEach((calcBtn) => { calcBtn.addEventListener('click', (event) => { // get the parent node so that we can target the correct user input // within that calculator (because there are two calculators in the dom) let calculatorElem = event.target.parentNode; // calculate and place the result into this calculator's result node let medianTotal = parseFloat(document.querySelector('p.spacing_string').textContent.split(" ")[2]); let userinputinfts2 = calculatorElem.querySelector('.userinputinfts').value; let calculatorResultElem = calculatorElem.querySelector('span.calculatorResult'); calculatorResultElem.textContent = parseFloat(userinputinfts2/medianTotal).toFixed(0); }); })