{"id":327,"date":"2025-11-25T01:27:56","date_gmt":"2025-11-25T01:27:56","guid":{"rendered":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/?page_id=327"},"modified":"2025-12-03T20:45:52","modified_gmt":"2025-12-03T20:45:52","slug":"catalogo-v3","status":"publish","type":"page","link":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/catalogo-v3\/","title":{"rendered":"Catalogo Digital"},"content":{"rendered":"    \n    <style>\n        .catalogo-wrapper {\n            width: 100%;\n            max-width: 100%;\n            margin: 20px 0;\n        }\n        \n        .filtros-categorias-cat {\n            margin-bottom: 30px;\n            padding: 25px;\n            background: #fff;\n            border-radius: 10px;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n        }\n\n        .filtros-categorias-cat h3 {\n            margin-top: 0;\n            margin-bottom: 20px;\n            font-size: 22px;\n            color: #333;\n            font-weight: 600;\n        }\n\n        .categoria-btn-cat {\n            display: inline-block;\n            padding: 12px 24px;\n            margin: 6px;\n            background: #f8f8f8;\n            border: 2px solid #e0e0e0;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            color: #333;\n            font-size: 15px;\n            font-weight: 500;\n        }\n\n        .categoria-btn-cat:hover {\n            background: #0073aa;\n            color: #fff;\n            border-color: #0073aa;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(0,115,170,0.3);\n        }\n\n        .categoria-btn-cat.active {\n            background: #0073aa;\n            color: #fff;\n            border-color: #0073aa;\n        }\n\n        .productos-grid-cat {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 25px;\n            margin-top: 20px;\n        }\n\n        .producto-card-cat {\n            background: #fff;\n            border-radius: 12px;\n            padding: 20px;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n        }\n\n        .producto-card-cat:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 8px 24px rgba(0,0,0,0.15);\n        }\n\n        .producto-imagen-cat {\n            width: 100%;\n            height: 220px;\n            object-fit: cover;\n            border-radius: 10px;\n            margin-bottom: 15px;\n            background: #f5f5f5;\n        }\n\n        .producto-titulo-cat {\n            font-size: 18px;\n            font-weight: 600;\n            margin: 12px 0;\n            color: #333;\n            line-height: 1.4;\n            min-height: 50px;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .producto-precio-cat {\n            font-size: 24px;\n            color: #0073aa;\n            font-weight: bold;\n            margin: 15px 0;\n        }\n\n        .producto-descripcion-cat {\n            font-size: 14px;\n            color: #666;\n            line-height: 1.6;\n            margin: 12px 0;\n            max-height: 85px;\n            overflow: hidden;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n        }\n\n        .no-productos-cat {\n            grid-column: 1 \/ -1;\n            text-align: center;\n            padding: 60px 20px;\n            font-size: 18px;\n            color: #999;\n            background: #fff;\n            border-radius: 10px;\n        }\n\n        .btn-whatsapp-cat {\n            display: block;\n            text-align: center;\n            padding: 12px 20px;\n            background: #25D366;\n            color: #fff !important;\n            text-decoration: none;\n            border-radius: 8px;\n            margin-top: 15px;\n            font-size: 15px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .btn-whatsapp-cat:hover {\n            background: #128C7E;\n            color: #fff !important;\n            transform: scale(1.02);\n        }\n\n        .loading-cat {\n            grid-column: 1 \/ -1;\n            text-align: center;\n            padding: 60px 20px;\n            font-size: 18px;\n            color: #666;\n        }\n\n        @media (max-width: 768px) {\n            .productos-grid-cat {\n                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n                gap: 15px;\n            }\n            \n            .categoria-btn-cat {\n                font-size: 14px;\n                padding: 10px 18px;\n                margin: 4px;\n            }\n            \n            .producto-imagen-cat {\n                height: 180px;\n            }\n        }\n    <\/style>\n\n    <div class=\"catalogo-wrapper\">\n        <div class=\"filtros-categorias-cat\">\n            <h3>\ud83d\udd0d Filtrar por Categor\u00eda<\/h3>\n            <button class=\"categoria-btn-cat active\" data-categoria=\"todos\">\ud83d\udce6 Todos los Productos<\/button>\n            <button class=\"categoria-btn-cat\" data-categoria=\"aceitunas\">Aceitunas <small>(21)<\/small><\/button><button class=\"categoria-btn-cat\" data-categoria=\"ajies\">Aj\u00edes <small>(6)<\/small><\/button><button class=\"categoria-btn-cat\" data-categoria=\"cebollas\">cebollas <small>(2)<\/small><\/button><button class=\"categoria-btn-cat\" data-categoria=\"chucrut\">chucrut <small>(1)<\/small><\/button><button class=\"categoria-btn-cat\" data-categoria=\"pepinillos\">Pepinillos <small>(2)<\/small><\/button><button class=\"categoria-btn-cat\" data-categoria=\"pickles\">Pickles <small>(2)<\/small><\/button><button class=\"categoria-btn-cat\" data-categoria=\"salsas\">Salsas <small>(4)<\/small><\/button>        <\/div>\n        \n        <div class=\"productos-grid-cat\" id=\"productos-container-cat\">\n            <div class=\"loading-cat\">\u23f3 Cargando productos...<\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    (function($) {\n        if (typeof window.catalogoProductosInit !== 'undefined') {\n            return;\n        }\n        window.catalogoProductosInit = true;\n        \n        let todosLosProductos = [];\n        \n        function cargarProductos() {\n            $.ajax({\n                url: 'https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: {\n                    action: 'obtener_productos_catalogo'\n                },\n                success: function(response) {\n                    if (response.success) {\n                        todosLosProductos = response.data;\n                        mostrarProductos('todos');\n                    } else {\n                        $('#productos-container-cat').html('<div class=\"no-productos-cat\">\u274c Error al cargar productos<\/div>');\n                    }\n                },\n                error: function() {\n                    $('#productos-container-cat').html('<div class=\"no-productos-cat\">\u274c Error de conexi\u00f3n<\/div>');\n                }\n            });\n        }\n        \n        function mostrarProductos(categoria) {\n            let productosFiltrados = todosLosProductos;\n            \n            if (categoria !== 'todos') {\n                productosFiltrados = todosLosProductos.filter(function(producto) {\n                    return producto.categorias.includes(categoria);\n                });\n            }\n            \n            if (productosFiltrados.length === 0) {\n                $('#productos-container-cat').html('<div class=\"no-productos-cat\">\ud83d\ude15 No hay productos en esta categor\u00eda<\/div>');\n                return;\n            }\n            \n            let html = '';\n            productosFiltrados.forEach(function(producto) {\n                let precioLimpio = $('<div>').html(producto.precio).text();\n                \n                html += '<div class=\"producto-card-cat\">';\n                html += '<img src=\"' + producto.imagen + '\" alt=\"' + producto.nombre + '\" class=\"producto-imagen-cat\" loading=\"lazy\">';\n                html += '<h3 class=\"producto-titulo-cat\">' + producto.nombre + '<\/h3>';\n                html += '<div class=\"producto-precio-cat\">' + producto.precio + '<\/div>';\n                \n                if (producto.descripcion) {\n                    html += '<div class=\"producto-descripcion-cat\">' + producto.descripcion + '<\/div>';\n                }\n                \n                \/\/ CAMBIAR ESTE N\u00daMERO POR TU WHATSAPP\n                let mensaje = 'Hola, me interesa: ' + producto.nombre + ' - ' + precioLimpio;\n                html += '<a href=\"https:\/\/wa.me\/56944936284?text=' + encodeURIComponent(mensaje) + '\" class=\"btn-whatsapp-cat\" target=\"_blank\">\ud83d\udcac Consultar por WhatsApp<\/a>';\n                html += '<\/div>';\n            });\n            \n            $('#productos-container-cat').html(html);\n        }\n        \n        $(document).on('click', '.categoria-btn-cat', function() {\n            $('.categoria-btn-cat').removeClass('active');\n            $(this).addClass('active');\n            \n            let categoria = $(this).data('categoria');\n            mostrarProductos(categoria);\n        });\n        \n        $(document).ready(function() {\n            cargarProductos();\n        });\n        \n    })(jQuery);\n    <\/script>\n    \n    \n","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-327","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":2,"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":330,"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/pages\/327\/revisions\/330"}],"wp:attachment":[{"href":"https:\/\/elarcaencurtidosmayorista.cl\/tm\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}