{"id":81,"date":"2019-07-20T03:07:39","date_gmt":"2019-07-20T03:07:39","guid":{"rendered":"https:\/\/goya.everthemes.com\/demo-decor\/?page_id=81"},"modified":"2026-05-19T23:49:09","modified_gmt":"2026-05-19T21:49:09","slug":"home","status":"publish","type":"page","link":"https:\/\/studio-fuoco.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row et_column_align=&#8221;align-center&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; el_class=&#8221;marginT_100 marginB_50 fs_18&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;titleBig&#8221;]Cups[\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;colorPrimary&#8221;]We\u2019ve produced a collection of 200 cups. They all have the same shape and different glazed finishes.<br \/>\nAll the profits from the sales will be used to buy equipment for the studio.<br \/>\nIf you are able to, you can support us with a purchase.[\/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=&#8221;.vc_custom_1774794210684{margin-top: 80px !important;margin-bottom: 80px !important;}&#8221;][vc_column]\n\n    <div\n        id=\"prodotti-2873\"\n\n        class=\"yprm-prodotti-wrapper\"\n\n        data-page=\"1\"\n\n        data-perpage=\"15\"\n    >\n\n\n        \n\n            <div class=\"yprm-prodotti-filtri\">\n\n\n                \n\n                    <button\n                        class=\"cat-btn active\"\n                        data-stock=\"all\"\n                    >\n\n                        All products\n                    <\/button>\n\n\n                    <button\n                        class=\"cat-btn\"\n                        data-stock=\"instock\"\n                    >\n\n                        Available\n                    <\/button>\n\n\n                    <button\n                        class=\"cat-btn\"\n                        data-stock=\"outofstock\"\n                    >\n\n                        Sold Out\n                    <\/button>\n\n\n                \n\n            <\/div>\n\n\n        \n\n\n        <div\n            class=\"\n                yprm-prodotti-grid\n                yprm-prodotti-lista\n            \"\n        ><\/div>\n\n\n\n        <button class=\"load-more\">\n\n            Load More\n        <\/button>\n\n\n\n        <div class=\"yprm-progress\"><\/div>\n\n\n    <\/div>\n\n\n\n    <script>\n\n    jQuery(function($) {\n\n\n        let wrap =\n            $(\"#prodotti-2873\");\n\n\n        let page = 1;\n\n        let cat = 'tutti';\n\n        let stock = 'all';\n\n        let filterType =\n            \"stock\";\n\n\n        let loading = false;\n\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | SKELETON\n        |--------------------------------------------------------------------------\n        *\/\n\n        function skeleton() {\n\n\n            let html = '';\n\n\n            for (\n                let i = 0;\n                i < 4;\n                i++\n            ) {\n\n\n                html += `\n\n                    <div class=\"yprm-skeleton-card\">\n\n                        <div class=\"yprm-skeleton-image\"><\/div>\n\n                        <div\n                            class=\"\n                                yprm-skeleton-line\n                                yprm-skeleton-line-title\n                            \"\n                        ><\/div>\n\n                        <div\n                            class=\"\n                                yprm-skeleton-line\n                                yprm-skeleton-line-price\n                            \"\n                        ><\/div>\n\n                    <\/div>\n\n                `;\n\n            }\n\n\n            wrap\n                .find(\".yprm-prodotti-lista\")\n                .html(html);\n\n        }\n\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | PRELOAD IMMAGINI\n        |--------------------------------------------------------------------------\n        *\/\n\n        function preloadImages(container) {\n\n\n            let images =\n                container.find(\"img\");\n\n\n            let total =\n                images.length;\n\n\n            let loaded = 0;\n\n\n            if (total === 0) {\n\n                container.addClass(\n                    \"loaded\"\n                );\n\n                return;\n            }\n\n\n            images.each(function() {\n\n\n                let img =\n                    new Image();\n\n\n                img.src =\n                    $(this).attr(\"src\");\n\n\n                img.onload = function() {\n\n\n                    loaded++;\n\n\n                    if (loaded === total) {\n\n                        container.addClass(\n                            \"loaded\"\n                        );\n\n                    }\n\n                };\n\n            });\n\n        }\n\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | LOAD PRODOTTI\n        |--------------------------------------------------------------------------\n        *\/\n\n        function load(reset = false) {\n\n\n            if (loading) {\n                return;\n            }\n\n\n            loading = true;\n\n\n            let container =\n                wrap.find(\n                    \".yprm-prodotti-lista\"\n                );\n\n\n            let button =\n                wrap.find(\n                    \".load-more\"\n                );\n\n\n\n            if (reset) {\n\n\n                page = 1;\n\n\n                container\n                    .removeClass(\"loaded\")\n                    .html('');\n\n\n                skeleton();\n\n\n            } else {\n\n\n                let skel = '';\n\n\n                for (\n                    let i = 0;\n                    i < 4;\n                    i++\n                ) {\n\n\n                    skel += `\n\n                        <div\n                            class=\"\n                                yprm-skeleton-card\n                                skeleton-append\n                            \"\n                        >\n\n                            <div\n                                class=\"\n                                    yprm-skeleton-image\n                                \"\n                            ><\/div>\n\n                            <div\n                                class=\"\n                                    yprm-skeleton-line\n                                    yprm-skeleton-line-title\n                                \"\n                            ><\/div>\n\n                            <div\n                                class=\"\n                                    yprm-skeleton-line\n                                    yprm-skeleton-line-price\n                                \"\n                            ><\/div>\n\n                        <\/div>\n\n                    `;\n\n                }\n\n\n                container.append(\n                    skel\n                );\n\n            }\n\n\n\n            button\n                .prop(\n                    \"disabled\",\n                    true\n                )\n                .css(\n                    \"opacity\",\n                    0.5\n                );\n\n\n\n            setTimeout(\n                function() {\n\n\n                    $.post(\n\n                        \"https:\/\/studio-fuoco.com\/wp-admin\/admin-ajax.php\",\n\n                        {\n\n                            action:\n                                \"prodotti_ajax_pro\",\n\n                            page:\n                                page,\n\n                            cat:\n                                cat,\n\n                            stock:\n                                stock,\n\n                            filter_type:\n                                filterType,\n\n                            per_page:\n                                wrap.data(\n                                    \"perpage\"\n                                )\n\n                        },\n\n                        function(response) {\n\n\n                            let res =\n                                response.html;\n\n\n                            let hasMore =\n                                response.has_more;\n\n\n                            let total =\n                                response.total;\n\n\n                            let container =\n                                wrap.find(\n                                    \".yprm-prodotti-lista\"\n                                );\n\n\n\n                            container\n                                .find(\n                                    \".skeleton-append\"\n                                )\n                                .remove();\n\n\n\n                            if (reset) {\n\n\n                                container.css({\n\n                                    opacity: 0,\n\n                                    transform:\n                                        'translateY(10px)'\n\n                                });\n\n\n                                container.html(\n                                    res\n                                );\n\n\n                                preloadImages(\n                                    container\n                                );\n\n\n                                let loaded =\n                                    container\n                                        .find(\n                                            \".yprm-prodotto-card\"\n                                        )\n                                        .length;\n\n\n                                wrap\n                                    .find(\n                                        \".yprm-progress\"\n                                    )\n                                    .text(\n                                        loaded +\n                                        \" \/ \" +\n                                        total +\n                                        \" prodotti\"\n                                    );\n\n\n                                container.animate(\n                                    {\n                                        opacity: 1\n                                    },\n                                    200\n                                );\n\n\n                                container.css(\n                                    'transform',\n                                    'translateY(0)'\n                                );\n\n\n                            } else {\n\n\n                                let items =\n                                    $(res).css({\n\n                                        opacity: 0,\n\n                                        transform:\n                                            'translateY(10px)'\n\n                                    });\n\n\n                                container.append(\n                                    items\n                                );\n\n\n                                preloadImages(\n                                    container\n                                );\n\n\n                                let loaded =\n                                    container\n                                        .find(\n                                            \".yprm-prodotto-card\"\n                                        )\n                                        .length;\n\n\n                                wrap\n                                    .find(\n                                        \".yprm-progress\"\n                                    )\n                                    .text(\n                                        loaded +\n                                        \" \/ \" +\n                                        total +\n                                        \" prodotti\"\n                                    );\n\n\n                                items.animate(\n                                    {\n                                        opacity: 1\n                                    },\n                                    300\n                                );\n\n\n                                items.css(\n                                    'transform',\n                                    'translateY(0)'\n                                );\n\n                            }\n\n\n\n                            if (!hasMore) {\n\n\n                                button.hide();\n\n\n                            } else {\n\n\n                                button\n                                    .show()\n                                    .prop(\n                                        \"disabled\",\n                                        false\n                                    )\n                                    .css(\n                                        \"opacity\",\n                                        1\n                                    );\n\n                            }\n\n\n                            loading = false;\n\n\n                        }\n\n                    );\n\n\n                },\n\n                200\n\n            );\n\n        }\n\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | INIT\n        |--------------------------------------------------------------------------\n        *\/\n\n        load(true);\n\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | FILTRI\n        |--------------------------------------------------------------------------\n        *\/\n\n        wrap.on(\n            \"click\",\n            \".cat-btn\",\n            function() {\n\n\n                wrap\n                    .find(\n                        \".cat-btn\"\n                    )\n                    .removeClass(\n                        \"active\"\n                    );\n\n\n                $(this)\n                    .addClass(\n                        \"active\"\n                    );\n\n\n                if (\n                    filterType ===\n                    'cat'\n                ) {\n\n\n                    cat =\n                        $(this)\n                            .data(\"cat\");\n\n\n                }\n\n\n                if (\n                    filterType ===\n                    'stock'\n                ) {\n\n\n                    stock =\n                        $(this)\n                            .data(\n                                \"stock\"\n                            );\n\n\n                }\n\n\n                wrap\n                    .find(\n                        \".load-more\"\n                    )\n                    .show();\n\n\n                load(true);\n\n            }\n        );\n\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | LOAD MORE\n        |--------------------------------------------------------------------------\n        *\/\n\n        wrap.on(\n            \"click\",\n            \".load-more\",\n            function() {\n\n\n                page++;\n\n\n                load(false);\n\n\n            }\n        );\n\n\n    });\n\n    <\/script>\n\n\n    [\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row et_column_align=&#8221;align-center&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; el_class=&#8221;marginT_100 marginB_50 fs_18&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;titleBig&#8221;]Cups[\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;colorPrimary&#8221;]We\u2019ve produced a collection of 200 cups. They all have the same shape and different glazed finishes. All the profits from the sales will be used to buy equipment for the studio. If you are able to, you [&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-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":26,"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":2695,"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/pages\/81\/revisions\/2695"}],"wp:attachment":[{"href":"https:\/\/studio-fuoco.com\/en\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}