{"id":1821,"date":"2019-07-20T03:07:39","date_gmt":"2019-07-20T01:07:39","guid":{"rendered":"https:\/\/studio-fuoco.com\/home\/"},"modified":"2026-05-23T18:55:03","modified_gmt":"2026-05-23T16:55:03","slug":"home","status":"publish","type":"page","link":"https:\/\/studio-fuoco.com\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row et_column_align=\u00a0\u00bbalign-center\u00a0\u00bb equal_height=\u00a0\u00bbyes\u00a0\u00bb content_placement=\u00a0\u00bbmiddle\u00a0\u00bb el_class=\u00a0\u00bbmarginT_100 marginB_50 fs_18&Prime;][vc_column width=\u00a0\u00bb1\/2&Prime; offset=\u00a0\u00bbvc_col-lg-4 vc_col-md-6&Prime;][vc_column_text css=\u00a0\u00bb\u00a0\u00bb el_class=\u00a0\u00bbtitleBig\u00a0\u00bb]Tasses[\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb1\/2&Prime; offset=\u00a0\u00bbvc_col-lg-8 vc_col-md-6&Prime;][vc_column_text css=\u00a0\u00bb\u00a0\u00bb el_class=\u00a0\u00bbcolorPrimary\u00a0\u00bb]\n<div>Afin de financer une partie des \u00e9quipements indispensables \u00e0 la vie d\u2019un atelier de c\u00e9ramique,<\/div>\n<div>nous avons produit une collection de 200 tasses moul\u00e9es, coul\u00e9es, et \u00e9maill\u00e9es \u00e0 la main avec des \u00e9maux vari\u00e9s.<\/div>\n<div>Vous pouvez nous soutenir en acqu\u00e9rant une de nos tasses !<\/div>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]\n    <div class=\"yprm-video-block\">\n\n        <div class=\"yprm-video-wrap\">\n\n            <video\n              class=\"yprm-video\"\n    playsinline\n    webkit-playsinline\n    preload=\"metadata\"\n    autoplay\n    muted\n    loop\n\n                                    poster=\"https:\/\/studio-fuoco.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-01-20-at-18.48.39-1024x576.jpeg\"\n                            >\n\n                <source\n                    src=\"https:\/\/studio-fuoco.com\/wp-content\/uploads\/2026\/05\/copy_A05281A6-024A-4C23-8113-E1C8AC4179EC-1.mp4\"\n                    type=\"video\/mp4\"\n                >\n\n            <\/video>\n\n        <\/div>\n\n    <\/div>\n<style>\n\n.yprm-video-block{\n    width:100%;\n}\n\n.yprm-video-wrap{\n    width:100%;\n    overflow:hidden;\n}\n\n.yprm-video{\n    width:100%;\n    height:auto;\n    display:block;\n\n    aspect-ratio:16\/9;\n\n    object-fit:cover;\n}\n\n<\/style>\n    [\/vc_column][\/vc_row][vc_row css=\u00a0\u00bb.vc_custom_1774794210684{margin-top: 80px !important;margin-bottom: 80px !important;}\u00a0\u00bb][vc_column]\n    <div id=\"prodotti-7159\"\n        class=\"yprm-prodotti-wrapper\"\n        data-page=\"1\"\n        data-perpage=\"15\">\n\n        \n            <div class=\"yprm-prodotti-filtri\">\n\n                \n                    <button class=\"cat-btn active\" data-stock=\"all\">\n                        Tous les produits                    <\/button>\n\n                    <button class=\"cat-btn\" data-stock=\"instock\">\n                        Disponible                    <\/button>\n\n                    <button class=\"cat-btn\" data-stock=\"outofstock\">\n                        Sold Out                    <\/button>\n\n                \n            <\/div>\n\n        \n\n        <!--  <div class=\"yprm-prodotti-filtri\">\n            <button class=\"cat-btn active\" data-cat=\"all\">Tous les produits<\/button>\n\n                            <button class=\"cat-btn\" data-cat=\"cups\">\n                    Cups                <\/button>\n                    <\/div>\n        <div class=\"yprm-prodotti-filtri\">\n\n            <button class=\"cat-btn active\" data-stock=\"all\">\n                Tous les produits            <\/button>\n\n            <button class=\"cat-btn\" data-stock=\"instock\">\n                Disponible            <\/button>\n\n            <button class=\"cat-btn\" data-stock=\"outofstock\">\n                \u00c9puis\u00e9            <\/button>\n\n        <\/div> -->\n\n        <div class=\"yprm-prodotti-grid yprm-prodotti-lista\"><\/div>\n\n        <button class=\"load-more\">Voir plus<\/button>\n        <div class=\"yprm-progress\"><\/div>\n        <!-- <div class=\"yprm-end-message\" style=\"display:none;\">\n                     <\/div> -->\n\n    <\/div>\n\n    <script>\n        jQuery(function($) {\n\n            let wrap = $(\"#prodotti-7159\");\n            let page = 1;\n            let cat = 'tutti';\n            let stock = 'all';\n            let filterType = \"stock\";\n\n            \/\/ SKELETON\n            function skeleton() {\n                let html = '';\n                for (let i = 0; i < 4; i++) {\n                    html += `\n                <div class=\"yprm-skeleton-card\">\n                    <div class=\"yprm-skeleton-image\"><\/div>\n                    <div class=\"yprm-skeleton-line yprm-skeleton-line-title\"><\/div>\n                    <div class=\"yprm-skeleton-line yprm-skeleton-line-price\"><\/div>\n                <\/div>`;\n                }\n                wrap.find(\".yprm-prodotti-lista\").html(html);\n            }\n\n            \/\/ PRELOAD IMMAGINI\n            function preloadImages(container) {\n                let images = container.find(\"img\");\n                let total = images.length;\n                let loaded = 0;\n\n                if (total === 0) {\n                    container.addClass(\"loaded\");\n                    return;\n                }\n\n                images.each(function() {\n                    let img = new Image();\n                    img.src = $(this).attr(\"src\");\n\n                    img.onload = function() {\n                        loaded++;\n                        if (loaded === total) {\n                            container.addClass(\"loaded\");\n                        }\n                    };\n                });\n            }\n\n            \/\/ LOAD PRODOTTI\n            let loading = false;\n\n            function load(reset = false) {\n\n                if (loading) return; \/\/ \ud83d\udeab blocca doppio click\n                loading = true;\n\n                let container = wrap.find(\".yprm-prodotti-lista\");\n                let button = wrap.find(\".load-more\");\n\n                if (reset) {\n                    page = 1;\n                    container.removeClass(\"loaded\").html('');\n                    skeleton();\n\n                    \n                } else {\n                    \/\/ skeleton per load more (append)\n                    let skel = '';\n                    for (let i = 0; i < 4; i++) {\n                        skel += `\n            <div class=\"yprm-skeleton-card skeleton-append\">\n                <div class=\"yprm-skeleton-image\"><\/div>\n                <div class=\"yprm-skeleton-line yprm-skeleton-line-title\"><\/div>\n                <div class=\"yprm-skeleton-line yprm-skeleton-line-price\"><\/div>\n            <\/div>`;\n                    }\n                    container.append(skel);\n                }\n\n                \/\/ disabilita bottone\n                button.prop(\"disabled\", true).css(\"opacity\", 0.5);\n\n                \/\/ \u23f3 delay 1 secondo\n                setTimeout(function() {\n\n                    $.post(\"https:\/\/studio-fuoco.com\/wp-admin\/admin-ajax.php\", {\n                        action: \"prodotti_ajax_pro\",\n                        page: page,\n                        cat: cat,\n                        stock: stock,\n                        filter_type: filterType,\n                        per_page: wrap.data(\"perpage\")\n                    }, function(response) {\n\n                        let res = response.html;\n                        let hasMore = response.has_more;\n                        let total = response.total;\n                        let container = wrap.find(\".yprm-prodotti-lista\");\n\n\n                        \/\/ rimuove skeleton append\n                        container.find(\".skeleton-append\").remove();\n\n                        if (reset) {\n\n                            container.css({\n                                opacity: 0,\n                                transform: 'translateY(10px)'\n                            });\n                            container.html(res);\n\n                            preloadImages(container);\n\n                            \/\/ \u2705 QUI DOPO IL RENDER\n                            let loaded = container.find(\".yprm-prodotto-card\").length;\n                            wrap.find(\".yprm-progress\").text(loaded + \" \/ \" + total + \" prodotti\");\n\n                            container.animate({\n                                opacity: 1\n                            }, 200);\n                            container.css('transform', 'translateY(0)');\n\n\n                            container.animate({\n                                opacity: 1\n                            }, 200);\n                            container.css('transform', 'translateY(0)');\n\n                        } else {\n\n                            let items = $(res).css({\n                                opacity: 0,\n                                transform: 'translateY(10px)'\n                            });\n\n                            container.append(items);\n\n                            preloadImages(container);\n\n                            \/\/ \u2705 QUI DOPO APPEND\n                            let loaded = container.find(\".yprm-prodotto-card\").length;\n                            wrap.find(\".yprm-progress\").text(loaded + \" \/ \" + total + \" prodotti\");\n\n                            items.animate({\n                                opacity: 1\n                            }, 300);\n                            items.css('transform', 'translateY(0)');\n\n                            items.animate({\n                                opacity: 1\n                            }, 300);\n                            items.css('transform', 'translateY(0)');\n                        }\n\n                        \/\/ \u274c nascondi bottone se finiti prodotti\n                        if (!hasMore) {\n                            button.hide(); \/\/ \ud83d\udd25 sparisce subito quando finiti\n                            wrap.find(\".load-more\").hide();\n                            wrap.find(\".yprm-end-message\").fadeIn();\n                        } else {\n                            button.prop(\"disabled\", false).css(\"opacity\", 1);\n                        }\n\n                        loading = false;\n\n                    });\n\n                }, 200); \/\/ \u23f3 delay 1s\n            }\n\n            \/\/ INIT\n            load(true);\n\n            \/\/ FILTRO\n            wrap.on(\"click\", \".cat-btn\", function() {\n                wrap.find(\".cat-btn\").removeClass(\"active\");\n                $(this).addClass(\"active\");\n\n                if (filterType === 'cat') {\n                    cat = $(this).data(\"cat\");\n                }\n\n                if (filterType === 'stock') {\n                    stock = $(this).data(\"stock\");\n                }\n\n                wrap.find(\".load-more\").show();\n                load(true);\n            });\n\n            \/\/ LOAD MORE\n            wrap.on(\"click\", \".load-more\", function() {\n                page++;\n                load(false);\n            });\n\n        });\n    <\/script>\n\n[\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row et_column_align=\u00a0\u00bbalign-center\u00a0\u00bb equal_height=\u00a0\u00bbyes\u00a0\u00bb content_placement=\u00a0\u00bbmiddle\u00a0\u00bb el_class=\u00a0\u00bbmarginT_100 marginB_50 fs_18&Prime;][vc_column width=\u00a0\u00bb1\/2&Prime; offset=\u00a0\u00bbvc_col-lg-4 vc_col-md-6&Prime;][vc_column_text css=\u00a0\u00bb\u00a0\u00bb el_class=\u00a0\u00bbtitleBig\u00a0\u00bb]Tasses[\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb1\/2&Prime; offset=\u00a0\u00bbvc_col-lg-8 vc_col-md-6&Prime;][vc_column_text css=\u00a0\u00bb\u00a0\u00bb el_class=\u00a0\u00bbcolorPrimary\u00a0\u00bb] Afin de financer une partie des \u00e9quipements indispensables \u00e0 la vie d\u2019un atelier de c\u00e9ramique, nous avons produit une collection de 200 tasses moul\u00e9es, coul\u00e9es, et \u00e9maill\u00e9es \u00e0 la main avec des \u00e9maux [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1821","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/pages\/1821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/comments?post=1821"}],"version-history":[{"count":10,"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/pages\/1821\/revisions"}],"predecessor-version":[{"id":2721,"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/pages\/1821\/revisions\/2721"}],"wp:attachment":[{"href":"https:\/\/studio-fuoco.com\/fr\/wp-json\/wp\/v2\/media?parent=1821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}