<div id="pshowwcag-noscript" class="pshowwcag-bottom-right"> <input type="checkbox" id="pshowwcag-noscript-toggle" hidden> <label for="pshowwcag-noscript-toggle" id="pshowwcag-toggle" aria-expanded="false" aria-controls="pshowwcag-noscript-menu" title="Accessibility Options" onmousedown="this.startX = event.clientX; this.startY = event.clientY; this.moved = false;" onmousemove="if(this.startX !== undefined) { var dx = Math.abs(event.clientX - this.startX); var dy = Math.abs(event.clientY - this.startY); if(dx > 5 || dy > 5) this.moved = true; }" onclick="if(this.moved) { event.preventDefault(); return false; }"> <i class="fas fa-universal-access" aria-hidden="true"></i> </label> <div id="pshowwcag-noscript-menu"> <div class="pshowwcag-header"> <p>Accessibility Options</p> <div class="pshowwcag-header-controls"> <label for="pshowwcag-noscript-toggle" class="pshowwcag-close-btn" aria-label="Close"> <i class="fas fa-times" aria-hidden="true"></i> </label> </div> </div> <form id="pshowwcag-form"> <div class="pshowwcag-content"> <div class="pshowwcag-cards"> <div class="pshowwcag-card-row"> <label for="pshowwcag-fonti-toggle" class="pshowwcag-card" title="Increase text size for better readability"> <input type="checkbox" id="pshowwcag-fonti-toggle" name="accessibility[]" value="fonti" hidden> <i class="fas fa-search-plus" aria-hidden="true"></i> <span>Increase Font</span> </label> <label for="pshowwcag-fontd-toggle" class="pshowwcag-card" title="Decrease text size"> <input type="checkbox" id="pshowwcag-fontd-toggle" name="accessibility[]" value="fontd" hidden> <i class="fas fa-search-minus" aria-hidden="true"></i> <span>Decrease Font</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-contrast-toggle" class="pshowwcag-card" title="Enable high contrast mode for better visibility"> <input type="checkbox" id="pshowwcag-contrast-toggle" name="accessibility[]" value="contrast" hidden> <i class="fas fa-adjust" aria-hidden="true"></i> <span>High Contrast</span> </label> <label for="pshowwcag-grayscale-toggle" class="pshowwcag-card" title="Convert page to grayscale for color blind users"> <input type="checkbox" id="pshowwcag-grayscale-toggle" name="accessibility[]" value="grayscale" hidden> <i class="fas fa-low-vision" aria-hidden="true"></i> <span>Grayscale</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-underline-toggle" class="pshowwcag-card" title="Underline all links to make them more visible"> <input type="checkbox" id="pshowwcag-underline-toggle" name="accessibility[]" value="underline" hidden> <i class="fas fa-link" aria-hidden="true"></i> <span>Underline Links</span> </label> <label for="pshowwcag-animation-toggle" class="pshowwcag-card" title="Stop all animations to prevent motion sensitivity issues"> <input type="checkbox" id="pshowwcag-animation-toggle" name="accessibility[]" value="animation" hidden> <i class="fas fa-pause-circle" aria-hidden="true"></i> <span>Stop Animations</span> </label> </div> </div> </div> <div class="pshowwcag-footer"> <button type="reset" class="pshowwcag-reset-btn" title="Reset all accessibility settings to default"> <i class="fas fa-sync-alt" aria-hidden="true"></i> Reset Settings </button> <a href="https://prestashow.com" target="_blank" class="pshowwcag-prestashow-link"> <span class="pshowwcag-prestashow-text">With accessibility in mind -</span> <img src="https://prestashow.pl/img/prestashop-1609-logo-1684754704.jpg" alt="PrestaShow" class="pshowwcag-prestashow-logo"> </a> </div> </div> </div> </form> <style> /* Use existing styles from main CSS - noscript specific overrides */ #pshowwcag-noscript { position: fixed; z-index: 9999; font-family: 'Segoe UI', sans-serif; } /* Regular toggle button styling */ #pshowwcag-toggle { position: relative; background: var(--pshowwcag-primary, #6366f1); color: var(--pshowwcag-primary-text, #fff); border: none; font-size: 1.6rem; padding: 16px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #pshowwcag-toggle:hover { background: var(--pshowwcag-primary, #6366f1); filter: brightness(0.95); } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-toggle { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 3px #ffffff, 0 0 0 5px var(--pshowwcag-primary, #6366f1); } #pshowwcag-noscript-menu { position: fixed; right: -450px; top: 0; width: 450px; height: 100dvh; background: var(--pshowwcag-background, #f5f5f5); padding: 0; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); font-size: 14px; overflow-y: auto; transition: right 0.3s ease; z-index: 99999; display: flex; flex-direction: column; } /* Menu visibility */ html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } /* Close button hover effect */ .pshowwcag-close-btn:hover { background: rgba(255, 255, 255, 0.1); } /* Active states for cards */ html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card { background: var(--pshowwcag-primary, #6366f1) !important; border-color: var(--pshowwcag-primary, #6366f1) !important; color: var(--pshowwcag-primary-text, #fff) !important; box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card i, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card i, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card i, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card i, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card i, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card i { color: var(--pshowwcag-primary-text, #fff) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card span, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card span, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card span, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card span, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card span, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card span { color: var(--pshowwcag-primary-text, #fff) !important; } /* Accessibility functions */ html:has(#pshowwcag-fonti-toggle:checked) { font-size: 150% !important; } html:has(#pshowwcag-fontd-toggle:checked) { font-size: 75% !important; } html:has(#pshowwcag-contrast-toggle:checked) { filter: contrast(125%) !important; } html:has(#pshowwcag-contrast-toggle:checked) * { color: #000 !important; } html:has(#pshowwcag-grayscale-toggle:checked) { filter: grayscale(100%) !important; } html:has(#pshowwcag-underline-toggle:checked) a { text-decoration: underline !important; } html:has(#pshowwcag-animation-toggle:checked) *, html:has(#pshowwcag-animation-toggle:checked) *::before, html:has(#pshowwcag-animation-toggle:checked) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } @media (max-width: 600px) { #pshowwcag-noscript-menu { width: 100vw; right: -100vw; top: 0; } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } </style>

form selection system

tank selection calculator

List of products by brand Octagon

Octagon is a line of heavy-duty flat tanks. They are characterised by their shallow foundation. The shop offers Octagon Light and Octagon versions.

The Octagon line of flat rainwater tanks is characterised by very high quality and durability guaranteed by the manufacturer (10 years). A characteristic feature of the tanks is their flat shape, which allows for shallow foundation. This significantly reduces earthworks. They can be used in difficult water and ground conditions. The range includes Octagon and Octagon Light tanks. The products are available in a wide range of capacities.

Eco Octagon 4000l Home and Garden Kit

-10%

Eco Octagon home and garden set

Capacity from 4000 l to 11000 l
Eco rainwater console with Top Multi-Evo II pump
Rainwater management system for home and garden

0 Review(s)

15,516.82 PLN 17,240.91 PLN

12,615.30 PLN tax excl

See more

Choose options

Octagon 4000l Standard Home and Garden Set

-10%

Home and garden set Standard Octagon

Flat tank capacity from 4,000 l to 11,000 l
Rainwater supply to WCs, urinals, washing machines and garden outlets
Rainwater management system with rainwater control panel

0 Review(s)

18,554.43 PLN 20,616.03 PLN

15,084.90 PLN tax excl

See more

Choose options

Octagon rainwater tank 4000 l

-10%

Octagon rainwater tank

Octagon flat rainwater tank
Easy installation in difficult groundwater conditions
Capacity from 4,000l to 21,500l

2 Review(s)

6,603.26 PLN 7,336.95 PLN

5,368.50 PLN tax excl

See more

Choose options

Octagon septic tank 4000 l

-10%

Octagon septic tank

Octagon flat septic tank
Easy installation in difficult groundwater conditions
Capacity from 4,000l to 21,500l

0 Review(s)

6,603.26 PLN 7,336.95 PLN

5,368.50 PLN tax excl

See more

Choose options

GARDEN SYSTEM STANDARD WITH OCTAGON TANK 4000L

-10%

Garden system Standard with Octagon tank

Rainwater use system in the garden
Top Multi Tech II submersible pump
Capacities of 4000l, 7500l or 11000l

0 Review(s)

11,507.27 PLN 12,785.85 PLN

9,355.50 PLN tax excl

See more

Choose options

Premium garden set with Octagon 4000l tank

-10%

Premium garden set with Octagon tank

Complete rainwater tank with pump and filter
High-performance Top Multi Evo Tech 4 pump with floating water intake and 1l diaphragm vessel
Capacities of 4000l, 7500l or 11000l

0 Review(s)

14,019.05 PLN 15,576.72 PLN

11,397.60 PLN tax excl

See more

Choose options