Calculate how many plants you need for full coverage

Distance to cover:ft

Calculate

Result:

Hosta 'Patriot'

Prebook Price: $13.49
Reg Price:$14.99

How many do you need?

Quantity

Add to cart How many do you need?

Share

Description

Low-growing tight clump of dark green leaves with wide clear-white margins. Good contrast in the colors of this variety. Ideal as an accent in the shade garden. Plant along low borders or use as edging plant.

 

Additional Information:

Exposure: Shade to part sun
Water Requirements: Moist, well-drained soil
Mature Size: 36” high x 36” wide
Hardiness Zone: Zone 3-9

Calculate how many plants you need for full coverage

Distance to cover:ft

Result:

Calculate

{ 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); }); })