posted on 2 years ago
— updated on 1 second ago
132
views
If you are planning a do-it-yourself, you will need hydroponic tubing to fit in your pipes. We provide a range of premium hydroponic tubings and fittings so you can find the perfect size and length for your system.
Hydroponic Tubing And Fittings | Hydroponic Tubing - Zenhydro.com
Cancel
Search
Close
{
"show_filter_product_count": true,
"product_count": 294,
"hash": "a953f09a1b6b6725b81956e9ad0b1eb49e3ad40004c04307ef8af6246a054116",
"filter_groups": "expand_first",
"filter_style": "groups",
"no_matched_products_text": "*tag* has no product matches",
"context": {
"see_more": "See more",
"see_less": "See less",
"grid_list": "grid-view",
"collectionUrl": "\/collections\/tubings-lines-fittings"
}
}
#shopify-section-static-collection .subcollections-list__content {
grid-template-columns: repeat(7, minmax(auto, 1fr));
}
@media only screen and (max-width: 860px) {
#shopify-section-static-collection .subcollections-list__content {
grid-template-columns: repeat(5, minmax(auto, 1fr));
}
}
@media only screen and (max-width: 480px) {
#shopify-section-static-collection .subcollections-list__content {
grid-template-columns: repeat(3, minmax(auto, 1fr));
}
}
Tubings | Lines | Fittings
Tubings | Lines | Fittings
Price
Category
Color
.zhe-p-btn{
margin: 25px 0px;
background: transparent;
border: 1px solid #ccc;
padding: 6px 23px;
font-size: 13px;
letter-spacing: 1px;
cursor: pointer;
}
.range-slider {
width: 300px;
text-align: center;
position: relative;
}
.range-slider .rangeValues {
display: block;
margin-top: 30px;
margin-bottom: 20px;
}
input.fp1 {
-webkit-appearance: none;
border: 1px solid white;
width: 300px;
position: absolute;
left: 0;
}
input.fp2 {
-webkit-appearance: none;
border: 1px solid white;
width: 300px;
position: absolute;
left: 0;
}
input.fp1::-webkit-slider-runnable-track {
width: 300px;
height: 5px;
background: #1d70ba;
border: none;
border-radius: 3px;
}
input.fp2::-webkit-slider-runnable-track {
width: 300px;
height: 5px;
background: #1d70ba;
border: none;
border-radius: 3px;
}
input.fp1::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #000;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
margin-top: -4px;
cursor: pointer;
position: relative;
z-index: 1;
}
input.fp2::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #000;
height: 16px;
width: 16px;
border-radius: 50%;
background: #1878b9;
margin-top: -4px;
cursor: pointer;
position: relative;
z-index: 1;
}
input.fp1:focus {
outline: none;
}
input.fp2:focus {
outline: none;
}
input.fp1:focus::-webkit-slider-runnable-track {
background: #ccc;
}
input.fp2:focus::-webkit-slider-runnable-track {
background: #ccc;
}
input.fp1::-moz-range-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;
}
input.fp2::-moz-range-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;
}
input.fp1::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}
input.fp2::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}
/*hide the outline behind the border*/
input.fp1:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}
input.fp2:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}
input.fp1::-ms-track {
width: 300px;
height: 5px;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
z-index: -4;
}
input.fp2::-ms-track {
width: 300px;
height: 5px;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
z-index: -4;
}
input.fp1::-ms-fill-lower {
background: #777;
border-radius: 10px;
}
input.fp2::-ms-fill-lower {
background: #777;
border-radius: 10px;
}
input.fp1::-ms-fill-upper {
background: #ddd;
border-radius: 10px;
}
input.fp2::-ms-fill-upper {
background: #ddd;
border-radius: 10px;
}
input.fp1::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}
input.fp2::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}
input.fp1:focus::-ms-fill-lower {
background: #888;
}
input.fp2:focus::-ms-fill-lower {
background: #888;
}
input.fp1:focus::-ms-fill-upper {
background: #ccc;
}
input.fp2:focus::-ms-fill-upper {
background: #ccc;
}
function getVals(){
// Get slider values
let parent = this.parentNode;
let slides = parent.getElementsByTagName("input");
let slide1 = parseFloat( slides[0].value );
let slide2 = parseFloat( slides[1].value );
// Neither slider will clip the other, so make sure we determine which is larger
if( slide1 > slide2 ){ let tmp = slide2; slide2 = slide1; slide1 = tmp; }
let displayElement = parent.getElementsByClassName("rangeValues")[0];
displayElement.innerHTML = "$" + slide1 + " - $" + slide2;
}
window.onload = function(){
// Initialize Sliders
let sliderSections = document.getElementsByClassName("range-slider");
for( let x = 0; x < sliderSections.length; x++ ){
let sliders = sliderSections[x].getElementsByTagName("input");
for( let y = 0; y < sliders.length; y++ ){
if( sliders[y].type ==="range" ){
sliders[y].oninput = getVals;
// Manually trigger event first time to display values
sliders[y].oninput();
}
}
}
}
Brand:
Sort by
Sort by
Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old