{"id":4340,"date":"2024-03-08T13:21:21","date_gmt":"2024-03-08T13:21:21","guid":{"rendered":"https:\/\/stolarija-jakopcin.hr\/prodotti\/"},"modified":"2024-03-21T13:44:27","modified_gmt":"2024-03-21T13:44:27","slug":"prodotti","status":"publish","type":"page","link":"https:\/\/stolarija-jakopcin.hr\/it\/prodotti\/","title":{"rendered":"Prodotti"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Usiamo solo le materie prime di origine croata di alta qualit\u00e0 e produciamo circa 25.000 coffani all\u2019anno per rifornire il mercato croato, svizzero, belga, italiano e francese.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Investiamo molto nella produzione ed applichiamo la tecnologia di produzione pi\u00f9 innovativa per poter rispondere a tutte le esigenze dei clienti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Attualmente produciamo duecento modelli di coffani realizzati interamente in legno massello di pioppo, tiglio, abete, faggio, quercia e frassino.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sia la parte interna sia quella esterna di ogni bara sono realizzate a mano con i migliori materiali, ed oltre a diverse forme, stili, colori e legni, offriamo anche incisioni a richiesta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anni di esperienza e la qualit\u00e0 garantiscono l\u2019originalit\u00e0 e l\u2019unicit\u00e0 di ogni prodotto.<\/p>\n\n\n<div style=\"display: flex; justify-content: center; gap: .5rem;\">\n<button id=\"all\">Svi modeli<\/button>\n<button id=\"classic\">Classic<\/button>\n<button id=\"exclusive\">Exclusive<\/button>\n<\/div>\n<div id=\"products\" class=\"products_container\"><\/div>\n\n<script>\n\nlet products = [];\n\nfunction init() {\n\tif (document.readyState === 'loading') {\n\t\tdocument.addEventListener('DOMContentLoaded', fetchProducts);\n\t} else {\n\t\t\/\/get search params from the url\n\t\tlet url = '\/wp-json\/wp\/v2\/product?acf_format=standard';\n    if (filter) {\n        url += `&filter[meta_key]=category&filter[meta_value]=${filter}`;\n    }\n    fetch(url)\n        .then(response => response.json())\n        .then(_products => {\n\t\t\tproducts = _products;\n\t\t\t\/\/ add image element using product.acf.image.url\n            document.getElementById('products').innerHTML = _products.map(product => `<div class=\"product_card\"><img decoding=\"async\" class=\"product_image\" src=\"${product.acf.image.url}\" alt=\"${product.acf.image.alt}\"><div class=\"name_badge\"><h4>${product.acf.name}<\/h4><\/div><span class=\"category_badge\">${product.acf.category}<\/span><\/div>`).join('');\n        });\n\t\tconst _url = new URL(window.location.href);\n\t\tconst filter = _url.searchParams.get('filterByCategory');\n\t\tconsole.log(filter);\n\t\tif (filter) {\n\t\t\tfilterByCategory(filter);\n\t\t} else {\n\t\t\tdocument.getElementById('products').innerHTML = products.map(product => `<div class=\"product_card\"><img decoding=\"async\" class=\"product_image\" src=\"${product.acf.image.url}\" alt=\"${product.acf.image.alt}\"><div class=\"name_badge\"><h4>${product.acf.name}<\/h4><\/div><span class=\"category_badge\">${product.acf.category}<\/span><\/div>`).join('');\n\t\t}\n\t}\n}\n\ninit();\n\nfunction setSearchParams(category) {\n\tconst url = new URL(window.location.href);\n\turl.searchParams.set('filterByCategory', category);\n\twindow.history.pushState({}, '', url);\n}\n\nfunction filterByCategory(category) {\n\tconst filteredProducts = products.filter(product => product.acf.category === category);\n\tif (filteredProducts.length === 0) {\n\t\tdocument.getElementById('products').innerHTML = '<p>Nisu prona\u0111eni proizvodi za zadani kriterij<\/p>';\n\t\treturn;\n\t}\n\t\/\/set url to the filtered category like ?filterByCategory=Classic\n\tsetSearchParams(category);\n\t\/\/update the DOM with the filtered products\n\tdocument.getElementById('products').innerHTML = filteredProducts.map(product => `<div class=\"product_card\"><img decoding=\"async\" class=\"product_image\" src=\"${product.acf.image.url}\" alt=\"${product.acf.image.alt}\"><div class=\"name_badge\"><h4>${product.acf.name}<\/h4><\/div><span class=\"category_badge\">${product.acf.category}<\/span><\/div>`).join('');\n}\n\n\ndocument.getElementById('all').addEventListener('click', function() {\n    fetchProducts();\n\t\/\/add button class active\n\tdocument.getElementById('exclusive').classList.remove('active');\n\tdocument.getElementById('classic').classList.remove('active');\n\tdocument.getElementById('all').classList.add('active');\n});\n\ndocument.getElementById('classic').addEventListener('click', function() {\n    filterByCategory('Classic');\n\t\/\/add button class active and remove it from the other buttons\n\tdocument.getElementById('exclusive').classList.remove('active');\n\tdocument.getElementById('all').classList.remove('active');\n\tdocument.getElementById('classic').classList.add('active');\n});\n\ndocument.getElementById('exclusive').addEventListener('click', function() {\n    filterByCategory('Exclusive');\n\t\/\/add button class active\n\tdocument.getElementById('all').classList.remove('active');\n\tdocument.getElementById('classic').classList.remove('active');\n\tdocument.getElementById('exclusive').classList.add('active');\n});\n\n\nfunction fetchProducts(filter = '') {\n\t\/\/setSearchParams(filter);\n    let url = '\/wp-json\/wp\/v2\/product?acf_format=standard&per_page=100';\n    if (filter) {\n        url += `&filter[meta_key]=category&filter[meta_value]=${filter}`;\n    }\n    fetch(url)\n        .then(response => response.json())\n        .then(_products => {\n\t\t\t\/\/reverse the current items in the array order\n\t\t\t\/\/set the products array to the fetched products\n\t\t\tproducts = _products.reverse();\n\t\t\t\/\/ add image element using product.acf.image.url\n            document.getElementById('products').innerHTML = _products.map(product => `<div class=\"product_card\"><img decoding=\"async\" class=\"product_image\" src=\"${product.acf.image.url}\" alt=\"${product.acf.image.alt}\"><div class=\"name_badge\"><h4>${product.acf.name}<\/h4><\/div><span class=\"category_badge\">${product.acf.category}<\/span><\/div>`).join('');\n        });\n}\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Usiamo solo le materie prime di origine croata di alta qualit\u00e0 e produciamo circa 25.000 coffani all\u2019anno per rifornire il mercato croato, svizzero, belga, italiano e francese. Investiamo molto nella produzione ed applichiamo la tecnologia di produzione pi\u00f9 innovativa per poter rispondere a tutte le esigenze dei clienti. Attualmente produciamo duecento modelli di coffani realizzati &#8230; <a title=\"Prodotti\" class=\"read-more\" href=\"https:\/\/stolarija-jakopcin.hr\/it\/prodotti\/\" aria-label=\"Per saperne di pi\u00f9 su Prodotti\">Leggi tutto<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4340","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/pages\/4340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/comments?post=4340"}],"version-history":[{"count":6,"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/pages\/4340\/revisions"}],"predecessor-version":[{"id":4742,"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/pages\/4340\/revisions\/4742"}],"wp:attachment":[{"href":"https:\/\/stolarija-jakopcin.hr\/it\/wp-json\/wp\/v2\/media?parent=4340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}