Wspornik podstawka 2 mm – gumowa
Średnica: 100 mm
Odporność na obciążenia: 2 000 kg
1,60 zł
Dostępność
Ponad
6000 szt.
gotowych do wysyłki lub odbioru osobistego.
Wysyłka
Twoje zamówienie będzie gotowe do wysyłki w ciągu 24 h. Zamówienia złożone przed 13.00 wysyłamy tego samego dnia.
Zwrot
Na zwrot niewykorzystanych elementów masz aż 60 dni.
Zastosowanie
Gumowe podkładki pod płyty tarasowe
Gumowa podkładka pod płyty tarasowe przeznaczona jest do układania płyt na równych, gładkich i twardych powierzchniach takich jak istniejące płytki, kratownice lub dedykowane do tego celu legary.
Podkładki gumowe mogą być wykorzystane do układania tarasów na wylewce betonowej pod warunkiem, że na podłożu nie występują lokalne nierówności, które często powstają podczas wysychania betonu.
Właściwości
Wysoka wytrzymałość
Wsporniki przystosowane są do stosowania w miejscach narażonych na bezpośrednie oddziaływanie zewnętrznych warunków atmosferycznych
Fuga 3 lub 5 mm
Podkładki wyposażone są w zintegrowane motylki fugowe o grubości 3 mm oraz dodatkowo otwory do zastosowania opcjonalnych motylków o grubości 5 mm.
Motylki fugowe umożliwiają na uzyskanie pomiędzy płytami stałej odległości 3mm lub 5 mm.
Prosty montaż
Modułowa budowa pozwala na łatwe i szybkie dopasowanie podkładki do zastosowania przy ścianie.
Oblicz ilość potrzebnych wsporników
const { useState, useEffect, useRef } = React;
function TarasKalkulator() {
const [wymiary, setWymiary] = useState({
szerokosc: 420,
dlugosc: 240,
wymiarPlyty: {
szerokosc: 60,
dlugosc: 60
}
});
const [wyniki, setWyniki] = useState({
iloscPłyt: 0,
iloscWspornikow: 0
});
const [skala, setSkala] = useState(1);
const containerRef = useRef(null);
const CONTAINER_SIZE = 500;
const MARGIN = 10;
useEffect(() => {
const obliczMaterialy = () => {
const plytyWzdluz = Math.ceil(wymiary.dlugosc / wymiary.wymiarPlyty.dlugosc);
const plytyWszerz = Math.ceil(wymiary.szerokosc / wymiary.wymiarPlyty.szerokosc);
const iloscPlyt = plytyWzdluz * plytyWszerz;
const wspornikiWzdluz = plytyWzdluz + 1;
const wspornikiWszerz = plytyWszerz + 1;
const iloscWspornikow = wspornikiWzdluz * wspornikiWszerz;
setWyniki({
iloscPłyt: iloscPlyt,
iloscWspornikow: iloscWspornikow
});
};
obliczMaterialy();
}, [wymiary]);
useEffect(() => {
const updateScale = () => {
if (containerRef.current) {
const dostepnaSzerokosc = CONTAINER_SIZE - (2 * MARGIN);
const dostepnaWysokosc = CONTAINER_SIZE - (2 * MARGIN);
const tarasWidth = wymiary.szerokosc;
const tarasHeight = wymiary.dlugosc;
const scaleX = dostepnaSzerokosc / tarasWidth;
const scaleY = dostepnaWysokosc / tarasHeight;
setSkala(Math.min(scaleX, scaleY));
}
};
updateScale();
window.addEventListener('resize', updateScale);
return () => window.removeEventListener('resize', updateScale);
}, [wymiary]);
const renderTaras = () => {
const plyty = [];
const wsporniki = [];
const iloscPlytyX = Math.ceil(wymiary.szerokosc / wymiary.wymiarPlyty.szerokosc);
const iloscPlytyY = Math.ceil(wymiary.dlugosc / wymiary.wymiarPlyty.dlugosc);
for (let i = 0; i < iloscPlytyX; i++) {
for (let j = 0; j < iloscPlytyY; j++) {
plyty.push(
React.createElement('rect', {
key: `plyta-${i}-${j}`,
x: i * wymiary.wymiarPlyty.szerokosc,
y: j * wymiary.wymiarPlyty.dlugosc,
width: wymiary.wymiarPlyty.szerokosc - 1,
height: wymiary.wymiarPlyty.dlugosc - 1,
fill: "#e2e2e2",
stroke: "#999",
strokeWidth: 1/skala
})
);
}
}
for (let i = 0; i <= iloscPlytyX; i++) {
for (let j = 0; j <= iloscPlytyY; j++) {
wsporniki.push(
React.createElement('circle', {
key: `wspornik-${i}-${j}`,
cx: i * wymiary.wymiarPlyty.szerokosc,
cy: j * wymiary.wymiarPlyty.dlugosc,
r: 3/skala,
fill: "#666"
})
);
}
}
const svgWidth = wymiary.szerokosc;
const svgHeight = wymiary.dlugosc;
const translateX = (CONTAINER_SIZE - (svgWidth * skala)) / 2;
const translateY = (CONTAINER_SIZE - (svgHeight * skala)) / 2;
return React.createElement('svg', {
width: CONTAINER_SIZE,
height: CONTAINER_SIZE,
style: { border: '1px solid #e5e7eb', background: 'white' }
},
React.createElement('g', {
transform: `translate(${translateX}, ${translateY}) scale(${skala})`
},
[...plyty, ...wsporniki]
)
);
};
const inputAndResults = React.createElement('div', { className: 'input-and-results' },
React.createElement('div', { className: 'input-section' },
React.createElement('p', { className: 'section-title' },
'Wprowadź długość i szerokość planowanego tarasu (w cm).'
),
React.createElement('div', { className: 'input-group' },
React.createElement('label', { className: 'label' }, 'Szerokość tarasu:'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.szerokosc,
onChange: (e) => setWymiary({
...wymiary,
szerokosc: parseFloat(e.target.value) || 0
}),
min: '1'
})
),
React.createElement('div', { className: 'input-group' },
React.createElement('label', { className: 'label' }, 'Długość tarasu:'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.dlugosc,
onChange: (e) => setWymiary({
...wymiary,
dlugosc: parseFloat(e.target.value) || 0
}),
min: '1'
})
)
),
React.createElement('div', { className: 'input-section' },
React.createElement('p', { className: 'section-title' },
'Wprowadź wymiary wybranych płyt (długość, szerokość (w cm))'
),
React.createElement('div', { className: 'input-group' },
React.createElement('label', { className: 'label' }, 'Szerokość płyty:'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.wymiarPlyty.szerokosc,
onChange: (e) => setWymiary({
...wymiary,
wymiarPlyty: {
...wymiary.wymiarPlyty,
szerokosc: parseFloat(e.target.value) || 0
}
}),
min: '1'
})
),
React.createElement('div', { className: 'input-group' },
React.createElement('label', { className: 'label' }, 'Długość płyty:'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.wymiarPlyty.dlugosc,
onChange: (e) => setWymiary({
...wymiary,
wymiarPlyty: {
...wymiary.wymiarPlyty,
dlugosc: parseFloat(e.target.value) || 0
}
}),
min: '1'
})
)
),
React.createElement('div', { className: 'results' },
React.createElement('h3', null, `Ilość potrzebnych wsporników: ${wyniki.iloscWspornikow} szt.`),
React.createElement('a', {
href: `https://postawnataras.pl/produkt/podkladka-pod-plyty-tarasowe-gumowa-2-mm/?add-to-cart=235176&quantity=${wyniki.iloscWspornikow}`,
className: 'add-to-cart-button-pnt',
// target: '_blank'
}, 'Dodaj do koszyka ')
)
);
const visualization = React.createElement('div', {
className: 'visualization-container',
ref: containerRef
},
React.createElement('h3', null, 'Wizualizacja układu:'),
React.createElement('div', { style: { display: 'flex', justifyContent: 'center' } },
renderTaras()
)
);
return React.createElement('div', { className: 'card' },
// React.createElement('div', { className: 'card-header' },
// React.createElement('h2', { className: 'card-title' }, 'Oblicz ilość potrzebnych wsporników')
// ),
React.createElement('div', { className: 'grid' },
inputAndResults,
visualization
)
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(React.createElement(TarasKalkulator));
const { useState, useEffect, useRef } = React;
function TarasKalkulator() {
const [wymiary, setWymiary] = useState({
szerokosc: 400,
dlugosc: 600,
wymiarPlyty: {
szerokosc: 60,
dlugosc: 60
}
});
const [wyniki, setWyniki] = useState({
iloscPłyt: 0,
iloscWspornikow: 0
});
const [skala, setSkala] = useState(1);
const containerRef = useRef(null);
const CONTAINER_SIZE = 600;
const MARGIN = 40;
useEffect(() => {
const obliczMaterialy = () => {
const plytyWzdluz = Math.ceil(wymiary.dlugosc / wymiary.wymiarPlyty.dlugosc);
const plytyWszerz = Math.ceil(wymiary.szerokosc / wymiary.wymiarPlyty.szerokosc);
const iloscPlyt = plytyWzdluz * plytyWszerz;
const wspornikiWzdluz = plytyWzdluz + 1;
const wspornikiWszerz = plytyWszerz + 1;
const iloscWspornikow = wspornikiWzdluz * wspornikiWszerz;
setWyniki({
iloscPłyt: iloscPlyt,
iloscWspornikow: iloscWspornikow
});
};
obliczMaterialy();
}, [wymiary]);
useEffect(() => {
const updateScale = () => {
if (containerRef.current) {
const dostepnaSzerokosc = CONTAINER_SIZE - (2 * MARGIN);
const dostepnaWysokosc = CONTAINER_SIZE - (2 * MARGIN);
const tarasWidth = wymiary.szerokosc;
const tarasHeight = wymiary.dlugosc;
const scaleX = dostepnaSzerokosc / tarasWidth;
const scaleY = dostepnaWysokosc / tarasHeight;
setSkala(Math.min(scaleX, scaleY));
}
};
updateScale();
window.addEventListener('resize', updateScale);
return () => window.removeEventListener('resize', updateScale);
}, [wymiary]);
const renderTaras = () => {
const plyty = [];
const wsporniki = [];
const iloscPlytyX = Math.ceil(wymiary.szerokosc / wymiary.wymiarPlyty.szerokosc);
const iloscPlytyY = Math.ceil(wymiary.dlugosc / wymiary.wymiarPlyty.dlugosc);
for (let i = 0; i < iloscPlytyX; i++) {
for (let j = 0; j < iloscPlytyY; j++) {
plyty.push(
React.createElement('rect', {
key: `plyta-${i}-${j}`,
x: i * wymiary.wymiarPlyty.szerokosc,
y: j * wymiary.wymiarPlyty.dlugosc,
width: wymiary.wymiarPlyty.szerokosc - 1,
height: wymiary.wymiarPlyty.dlugosc - 1,
fill: "#e2e2e2",
stroke: "#999",
strokeWidth: 1/skala
})
);
}
}
for (let i = 0; i <= iloscPlytyX; i++) {
for (let j = 0; j <= iloscPlytyY; j++) {
wsporniki.push(
React.createElement('circle', {
key: `wspornik-${i}-${j}`,
cx: i * wymiary.wymiarPlyty.szerokosc,
cy: j * wymiary.wymiarPlyty.dlugosc,
r: 3/skala,
fill: "#666"
})
);
}
}
const svgWidth = wymiary.szerokosc;
const svgHeight = wymiary.dlugosc;
const translateX = (CONTAINER_SIZE - (svgWidth * skala)) / 2;
const translateY = (CONTAINER_SIZE - (svgHeight * skala)) / 2;
return React.createElement('svg', {
width: CONTAINER_SIZE,
height: CONTAINER_SIZE,
style: { border: '1px solid #e5e7eb', background: 'white' }
},
React.createElement('g', {
transform: `translate(${translateX}, ${translateY}) scale(${skala})`
},
[...plyty, ...wsporniki]
)
);
};
return React.createElement('div', { className: 'card' },
React.createElement('div', { className: 'card-header' },
React.createElement('h1', { className: 'card-title' }, 'Kalkulator tarasu wentylowanego')
),
React.createElement('div', { className: 'grid' },
React.createElement('div', { className: 'grid-cols-2' },
React.createElement('div', { className: 'space-y-2' },
React.createElement('label', { className: 'label' }, 'Szerokość tarasu (cm)'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.szerokosc,
onChange: (e) => setWymiary({
...wymiary,
szerokosc: parseFloat(e.target.value) || 0
}),
min: '1'
})
),
React.createElement('div', { className: 'space-y-2' },
React.createElement('label', { className: 'label' }, 'Długość tarasu (cm)'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.dlugosc,
onChange: (e) => setWymiary({
...wymiary,
dlugosc: parseFloat(e.target.value) || 0
}),
min: '1'
})
)
),
React.createElement('div', { className: 'grid-cols-2' },
React.createElement('div', { className: 'space-y-2' },
React.createElement('label', { className: 'label' }, 'Szerokość płyty (cm)'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.wymiarPlyty.szerokosc,
onChange: (e) => setWymiary({
...wymiary,
wymiarPlyty: {
...wymiary.wymiarPlyty,
szerokosc: parseFloat(e.target.value) || 0
}
}),
min: '1'
})
),
React.createElement('div', { className: 'space-y-2' },
React.createElement('label', { className: 'label' }, 'Długość płyty (cm)'),
React.createElement('input', {
className: 'input',
type: 'number',
value: wymiary.wymiarPlyty.dlugosc,
onChange: (e) => setWymiary({
...wymiary,
wymiarPlyty: {
...wymiary.wymiarPlyty,
dlugosc: parseFloat(e.target.value) || 0
}
}),
min: '1'
})
)
),
React.createElement('div', { className: 'results' },
React.createElement('h3', null, 'Wymagane materiały:'),
React.createElement('p', null, `Liczba płyt: ${wyniki.iloscPłyt}`),
React.createElement('p', null, `Liczba wsporników: ${wyniki.iloscWspornikow}`)
),
React.createElement('div', {
className: 'visualization',
ref: containerRef
},
React.createElement('h3', null, 'Wizualizacja układu:'),
React.createElement('div', { style: { display: 'flex', justifyContent: 'center' } },
renderTaras()
)
)
)
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(React.createElement(TarasKalkulator));
Wszystkie rozmiary podkładek
ODWIEDŹ NAS
ul. Łagiewnicka 52
30-347 Kraków
Pracujemy zwykle od 8.00 do 16.00 jednak często spotykamy się z klientami w miejscu realizacji dlatego wybierając się do nas zadzwoń wcześniej aby umówić spotkanie.