{"id":1364,"date":"2026-08-03T13:55:30","date_gmt":"2026-08-03T13:55:30","guid":{"rendered":"https:\/\/copyzen.es\/store\/?page_id=1364"},"modified":"2026-08-03T17:29:35","modified_gmt":"2026-08-03T17:29:35","slug":"lienzo-personalizado","status":"publish","type":"page","link":"https:\/\/copyzen.es\/store\/lienzo-personalizado\/","title":{"rendered":"Lienzo personalizado"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">        <div class=\"czcp-app czcp-flow-app\" id=\"czcp-app\">\n            <div class=\"czcp-head czcp-flow-head\">\n                <p class=\"czcp-eyebrow\">LIENZO PERSONALIZADO<\/p>\n                <h2>Crea tu lienzo personalizado<\/h2>\n                <p>Config\u00faralo paso a paso y revisa el resultado antes de a\u00f1adirlo al carrito.<\/p>\n            <\/div>\n\n            <nav class=\"czcp-progress\" aria-label=\"Progreso de configuraci\u00f3n\">\n                <span class=\"is-active\"><b>1<\/b> Medida<\/span><span><b>2<\/b> Bastidor<\/span><span><b>3<\/b> Foto<\/span><span><b>4<\/b> Encuadre<\/span><span><b>5<\/b> 3D<\/span><span><b>6<\/b> Laterales<\/span><span><b>7<\/b> Comprar<\/span>\n            <\/nav>\n\n            <section class=\"czcp-step\" data-step=\"1\">\n                <div class=\"czcp-step-title\"><span>1<\/span><div><h3>Selecciona la medida<\/h3><p>Escoge el formato final del lienzo.<\/p><\/div><\/div>\n                <div class=\"czcp-step-body czcp-measure-layout\">\n                    <label class=\"czcp-field czcp-size-field\">\n                        <span>Medida<\/span>\n                        <select id=\"czcp-size-select\">\n                                                            <option value=\"20x20\"  selected='selected'>20\u00d720 cm<\/option>\n                                                            <option value=\"20x30\" >20\u00d730 cm<\/option>\n                                                            <option value=\"30x40\" >30\u00d740 cm<\/option>\n                                                            <option value=\"40x60\" >40\u00d760 cm<\/option>\n                                                            <option value=\"50x70\" >50\u00d770 cm<\/option>\n                                                            <option value=\"50x50\" >50\u00d750 cm<\/option>\n                                                            <option value=\"100x100\" >100\u00d7100 cm<\/option>\n                                                    <\/select>\n                    <\/label>\n                    <fieldset id=\"czcp-orientation-fieldset\" class=\"czcp-inline-fieldset\">\n                        <legend>Orientaci\u00f3n<\/legend>\n                        <div class=\"czcp-orientation-options\">\n                            <label class=\"czcp-option\"><input type=\"radio\" name=\"czcp_orientation\" value=\"vertical\"  checked='checked'><span><strong>Vertical<\/strong><small>20\u00d720 cm<\/small><\/span><\/label>\n                            <label class=\"czcp-option\"><input type=\"radio\" name=\"czcp_orientation\" value=\"horizontal\" ><span><strong>Horizontal<\/strong><small>20\u00d720 cm<\/small><\/span><\/label>\n                        <\/div>\n                    <\/fieldset>\n                <\/div>\n            <\/section>\n\n            <section class=\"czcp-step\" data-step=\"2\">\n                <div class=\"czcp-step-title\"><span>2<\/span><div><h3>Elige el bastidor<\/h3><p>Selecciona el grosor de la madera.<\/p><\/div><\/div>\n                <div class=\"czcp-depth-options\">\n                    <label class=\"czcp-option czcp-depth-card\"><input type=\"radio\" name=\"czcp_depth\" value=\"2\" checked><span><i class=\"czcp-depth-demo is-thin\"><\/i><strong>2 cm<\/strong><small>Bastidor fino<\/small><\/span><\/label>\n                    <label class=\"czcp-option czcp-depth-card\"><input type=\"radio\" name=\"czcp_depth\" value=\"4\"><span><i class=\"czcp-depth-demo is-thick\"><\/i><strong>4 cm<\/strong><small>Bastidor grueso<\/small><\/span><\/label>\n                <\/div>\n            <\/section>\n\n            <section class=\"czcp-step\" data-step=\"3\">\n                <div class=\"czcp-step-title\"><span>3<\/span><div><h3>Agrega tu fotograf\u00eda<\/h3><p>Sube una imagen JPG, PNG o WEBP de hasta 30 MB.<\/p><\/div><\/div>\n                <div class=\"czcp-upload czcp-upload-large\" id=\"czcp-dropzone\">\n                    <input id=\"czcp-file\" type=\"file\" accept=\"image\/jpeg,image\/png,image\/webp\" hidden>\n                    <div class=\"czcp-upload-icon\">+<\/div>\n                    <button type=\"button\" class=\"czcp-btn-primary\" id=\"czcp-select\">Seleccionar fotograf\u00eda<\/button>\n                    <p>Tambi\u00e9n puedes arrastrarla aqu\u00ed<\/p>\n                    <small>JPG, PNG o WEBP \u00b7 m\u00e1ximo 30 MB<\/small>\n                <\/div>\n            <\/section>\n\n            <section class=\"czcp-step czcp-editor-step\" data-step=\"4\">\n                <div class=\"czcp-step-title\"><span>4<\/span><div><h3>Encuadra tu lienzo<\/h3><p>Arrastra la imagen y ajusta el zoom hasta conseguir el encuadre deseado.<\/p><\/div><\/div>\n                <div class=\"czcp-workspace\">\n                    <div class=\"czcp-editor\" id=\"czcp-editor\" hidden>\n                        <div class=\"czcp-canvas-wrap\"><div class=\"czcp-canvas\" id=\"czcp-canvas\"><img id=\"czcp-image\" alt=\"Previsualizaci\u00f3n del lienzo\"><div class=\"czcp-guide czcp-guide-front\" aria-hidden=\"true\"><span>\u00c1rea frontal visible<\/span><\/div><\/div><\/div>\n                        <div class=\"czcp-editor-controls\">\n                            <label class=\"czcp-field czcp-zoom-field\"><span>Zoom<\/span><div class=\"czcp-zoom-control\"><button type=\"button\" id=\"czcp-zoom-out\" aria-label=\"Reducir zoom\">\u2212<\/button><input type=\"range\" id=\"czcp-zoom\" min=\"1\" max=\"5\" step=\"0.01\" value=\"1\"><button type=\"button\" id=\"czcp-zoom-in\" aria-label=\"Aumentar zoom\">+<\/button><\/div><\/label>\n                            <label class=\"czcp-field\"><span>Encuadre<\/span><select id=\"czcp-fit\"><option value=\"cover\" selected>Rellenar lienzo<\/option><option value=\"contain\">Foto completa<\/option><\/select><\/label>\n                            <div class=\"czcp-row\"><button type=\"button\" class=\"czcp-btn-secondary\" id=\"czcp-rotate\">Girar 90\u00b0<\/button><button type=\"button\" class=\"czcp-btn-secondary\" id=\"czcp-reset\">Restablecer<\/button><\/div>\n                        <\/div>\n                        <div class=\"czcp-quality\" id=\"czcp-quality\" hidden aria-live=\"polite\">\n                            <span class=\"czcp-quality-dot\"><\/span>\n                            <div><strong id=\"czcp-quality-title\">Calidad de imagen<\/strong><small id=\"czcp-quality-detail\"><\/small><\/div>\n                        <\/div>\n                        <p class=\"czcp-help\">Todo lo que aparece dentro de la l\u00ednea discontinua formar\u00e1 parte del frontal visible.<\/p>\n                    <\/div>\n                    <div class=\"czcp-editor-placeholder\" id=\"czcp-editor-placeholder\">Sube una fotograf\u00eda en el paso 3 para activar el encuadre.<\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"czcp-step czcp-preview-section\" data-step=\"5\">\n                <div class=\"czcp-preview-head\">\n                    <div class=\"czcp-step-title\"><span>5<\/span><div><h3>Revisa el visualizador 3D<\/h3><p>Comprueba el frontal y los laterales.<\/p><\/div><\/div>\n                    <div class=\"czcp-view-buttons\" aria-label=\"Vistas del lienzo\">\n                        <button type=\"button\" data-view=\"left\" class=\"is-active\">Izquierda<\/button>\n                        <button type=\"button\" data-view=\"front\">Frontal<\/button>\n                        <button type=\"button\" data-view=\"right\">Derecha<\/button>\n                        <button type=\"button\" data-view=\"top\">Superior<\/button>\n                        <button type=\"button\" data-view=\"bottom\">Inferior<\/button>\n                        <button type=\"button\" data-view=\"back\">Trasera<\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"czcp-scene\">\n                    <div class=\"czcp-canvas3d view-left\" id=\"czcp-canvas3d\">\n                        <div class=\"czcp-face czcp-front\"><div class=\"czcp-photo-surface\" id=\"czcp-front-surface\"><\/div><\/div>\n                        <div class=\"czcp-face czcp-side-left\"><div class=\"czcp-photo-surface mirror-left\" id=\"czcp-left-surface\"><\/div><\/div>\n                        <div class=\"czcp-face czcp-side-right\"><div class=\"czcp-photo-surface mirror-right\" id=\"czcp-right-surface\"><\/div><\/div>\n                        <div class=\"czcp-face czcp-top\"><div class=\"czcp-photo-surface mirror-top\" id=\"czcp-top-surface\"><\/div><\/div>\n                        <div class=\"czcp-face czcp-bottom\"><div class=\"czcp-photo-surface mirror-bottom\" id=\"czcp-bottom-surface\"><\/div><\/div>\n                        <div class=\"czcp-face czcp-back\" aria-label=\"Parte trasera del lienzo\">\n                            <div class=\"czcp-back-frame\" aria-hidden=\"true\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"czcp-preview-note\" id=\"czcp-preview-note\">Los laterales se generan reflejando los bordes de la fotograf\u00eda.<\/p>\n            <\/section>\n\n            <section class=\"czcp-step czcp-effects-after-preview\" data-step=\"6\">\n                <div class=\"czcp-step-title\"><span>6<\/span><div><h3>Acabado de los laterales<\/h3><p>Selecciona un acabado y comprueba el cambio inmediatamente en el visualizador 3D de arriba.<\/p><\/div><\/div>\n                <fieldset class=\"czcp-effects-fieldset\">\n                    <div class=\"czcp-effect-options czcp-effect-cards\">\n                        <label class=\"czcp-option\"><input type=\"radio\" name=\"czcp_effect\" value=\"mirror\" checked><span><i class=\"czcp-effect-swatch mirror\"><\/i><strong>Espejado<\/strong><small>Refleja los bordes \u00b7 recomendado<\/small><\/span><\/label>\n                        <label class=\"czcp-option\"><input type=\"radio\" name=\"czcp_effect\" value=\"wrap\"><span><i class=\"czcp-effect-swatch wrap\"><\/i><strong>Foto en laterales<\/strong><small>Imagen continua<\/small><\/span><\/label>\n                        <label class=\"czcp-option\"><input type=\"radio\" name=\"czcp_effect\" value=\"white\"><span><i class=\"czcp-effect-swatch white\"><\/i><strong>Blancos<\/strong><small>Cantos blancos<\/small><\/span><\/label>\n                        <label class=\"czcp-option\"><input type=\"radio\" name=\"czcp_effect\" value=\"black\"><span><i class=\"czcp-effect-swatch black\"><\/i><strong>Negros<\/strong><small>Cantos negros<\/small><\/span><\/label>\n                    <\/div>\n                <\/fieldset>\n            <\/section>\n\n            <section class=\"czcp-step czcp-summary-step\" data-step=\"7\">\n                <div class=\"czcp-step-title\"><span>7<\/span><div><h3>Resumen y compra<\/h3><p>Revisa la configuraci\u00f3n antes de continuar.<\/p><\/div><\/div>\n                <div class=\"czcp-summary-card\">\n                    <div><span>Producto<\/span><strong>Lienzo personalizado<\/strong><\/div>\n                    <div><span>Medida<\/span><strong id=\"czcp-summary-size\">20\u00d720 cm<\/strong><\/div>\n                    <div><span>Bastidor<\/span><strong id=\"czcp-summary-depth\">2 cm<\/strong><\/div>\n                    <div><span>Laterales<\/span><strong id=\"czcp-summary-effect\">Espejados<\/strong><\/div>\n                    <div class=\"czcp-price-row\"><span>Total<\/span><strong id=\"czcp-price\"><\/strong><\/div>\n                    <button type=\"button\" class=\"czcp-btn-primary czcp-add\" id=\"czcp-add\" disabled>A\u00f1adir al carrito<\/button>\n                    <div id=\"czcp-status\" class=\"czcp-status\" aria-live=\"polite\"><\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n        <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1364","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/pages\/1364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/comments?post=1364"}],"version-history":[{"count":11,"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/pages\/1364\/revisions"}],"predecessor-version":[{"id":1413,"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/pages\/1364\/revisions\/1413"}],"wp:attachment":[{"href":"https:\/\/copyzen.es\/store\/wp-json\/wp\/v2\/media?parent=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}