Calculate how many plants you need for full coverage

Distance to cover:ft

Calculate

Result:

Hydrangea 'Bloomstruck'

Prebook Price: $35.99
Reg Price:$39.99

Size 3 Gallon

3 Gallon - $35.995 Gallon - $53.997 Gallon - $71.99

How many do you need?

Quantity

Add to cart How many do you need?

Share

Description

Extra-large blooms can be rose-pink or blue-purple depending on soil pH. Red-purple stems and dark green leaves add to its appeal. Good heat tolerance. Unauthorized plant propagation is prohibited

 

Additional Information:

Exposure: Full sun to part shade
Water Requirements: Moist, well-drained soil
Mature Size: 3-4’ 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 Gallon7 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); }); })