{"id":5101,"date":"2023-10-01T12:52:24","date_gmt":"2023-10-01T10:52:24","guid":{"rendered":"https:\/\/masaltos.com\/blog\/en\/?p=5101"},"modified":"2024-10-02T09:43:14","modified_gmt":"2024-10-02T07:43:14","slug":"prueba-shortcode","status":"publish","type":"post","link":"https:\/\/masaltos.com\/blog\/en\/2023\/10\/01\/prueba-shortcode\/","title":{"rendered":"Prueba shortcode"},"content":{"rendered":"<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 14px;\n        color: #333;\n        margin: 12px 0;\n        height: 50px;\n        margin-top: 0;\n        padding-top: 0;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto !important;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=41&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/2176.jpg\" alt=\"Arosa negro\">\n                                        <div class=\"product-info\">\n                        <h2>Arosa negro<\/h2>\n                        <p class=\"product-description\">&lt;h2 class=&quot;prod-name&quot;&gt;Mocasines con alzas Arosa Negro&lt;\/h2&gt;\n&lt;p&gt;&lt;strong&gt;Descripci\u00f3n:&lt;\/strong&gt; Los mocasines con alzas Arosa Negro son una elecci\u00f3n cl\u00e1sica y elegante para aquellos que buscan un calzado vers\u00e1til y sofisticado. Este modelo combina a la perfecci\u00f3n la comodidad con un dise\u00f1o atemporal. Los Arosa Negro est\u00e1n confeccionados con cuero de alta calidad y cuentan con una construcci\u00f3n Kiowa que garantiza durabilidad. La suela de cuero incorpora un tac\u00f3n ultra reforzado que proporciona una elevaci\u00f3n discreta. Estos mocasines son ideales para complementar una amplia variedad de estilos de pantalones y a\u00f1adir un toque de altura a tu look. Para mantener su brillo, se recomienda limpiarlos con un pa\u00f1o de algod\u00f3n seco o un cepillo transparente y darles un toque de esponja abrillantadora.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Caracter\u00edsticas:&lt;\/strong&gt;\u00a0El calzado est\u00e1 confeccionado con cuero de alta calidad, construido seg\u00fan el m\u00e9todo Kiowa para garantizar una mayor durabilidad. La suela, hecha de cuero, cuenta con un tac\u00f3n ultra reforzado. Adem\u00e1s, destaca por su versatilidad al combinar f\u00e1cilmente con diferentes tipos de pantalones.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Cuidado y Mantenimiento:&lt;\/strong&gt; Para mantener tus mocasines Arosa Negro en perfecto estado, te recomendamos seguir estos consejos de cuidado:&lt;\/p&gt;\n&lt;p&gt;- Limpia regularmente con un pa\u00f1o de algod\u00f3n seco.&lt;\/p&gt;\n&lt;p&gt;- Utiliza un cepillo transparente para dar brillo.&lt;\/p&gt;\n&lt;p&gt;- Aplica esponja abrillantadora para mantener el aspecto elegante.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Aumento de altura:&lt;\/strong&gt;\u00a0+7cm de altura&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                        136 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=385&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/3766.jpg\" alt=\"Parma\">\n                                        <div class=\"product-info\">\n                        <h2>Parma<\/h2>\n                        <p class=\"product-description\">&lt;h2 class=&quot;prod-name&quot;&gt;Zapatos Deportivos Parma blanco con alzas&lt;\/h2&gt;\n&lt;p&gt;&lt;strong&gt;Descripci\u00f3n:&lt;\/strong&gt; Zapatillas con alzas Parma. Algunos las llaman zapatillas de deporte, bambos, esp\u00e1is, botines, tenis, bambas, sneakers o zapatillas. Lo que est\u00e1 claro es que Parma es un icono legendario que no pasa de moda. Un dise\u00f1o cl\u00e1sico que se ha convertido en formal e informal al mismo tiempo.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Caracter\u00edsticas:&lt;\/strong&gt; Un dise\u00f1o blanco y sobrio que destaca por su elegancia sencilla, la cual se muestra en el exterior del zapato elevador, realizado en piel flor de primera calidad y con un interior forrado en final piel. Su horma cl\u00e1sica y su cierre de cordones otorgan belleza a sus l\u00edneas y formas, pudiendo combinarlos perfectamente con pantalones chinos y vaqueros, de aspecto casual y formal.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Cuidado y Mantenimiento:&lt;\/strong&gt; Para cuidar los zapatos que elevan la estatura, se recomienda ponerles crema de vez en cuando para mantener la piel hidratada y en buen estado. Adem\u00e1s, se aconseja cepillarlas con un cepillo transparente para eliminar el polvo y mantener su brillo natural.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Aumento de altura:&lt;\/strong&gt;\u00a0+ 7cm de altura&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                        134 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=300&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/2633.jpg\" alt=\"Padua marr\u00f3n\">\n                                        <div class=\"product-info\">\n                        <h2>Padua marr\u00f3n<\/h2>\n                        <p class=\"product-description\">&lt;h2 class=&quot;prod-name&quot;&gt;Botas con alzas Padua marr\u00f3n&lt;\/h2&gt;\n&lt;p&gt;&lt;strong&gt;Descripci\u00f3n:&lt;\/strong&gt; &lt;b&gt;Botas marrones que aumentan la altura&lt;\/b&gt;. Estas elegantes botas con cordones son el complemento perfecto para aquellos que desean lucir 7 cm m\u00e1s alto con un estilo impecable. El dise\u00f1o de cordones, la piel flor de primera calidad y la ca\u00f1a de la bota en piel de serraje hacen que estas botas sean una elecci\u00f3n excepcional. Su acabado interior en fina piel garantiza la comodidad durante todo el d\u00eda. Padua ha sido premiada como una de las 100 mejores ideas en 2023 en Espa\u00f1a.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Caracter\u00edsticas:&lt;\/strong&gt; Material de piel flor de primera calidad y piel de serraje que brindan durabilidad y estilo. Dise\u00f1o con cordones para un estilo cl\u00e1sico y vers\u00e1til. La suela de caucho proporciona durabilidad y agarre al caminar.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Uso recomendado:&lt;\/strong&gt; Estas botas con alzas son apropiadas para cualquier momento del d\u00eda y se adaptan a una variedad de conjuntos. Aportan altura y estilo a tu look de manera discreta y elegante.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Cuidado y Mantenimiento:&lt;\/strong&gt; Para mantener tus botas marrones Padua en \u00f3ptimas condiciones y con un aspecto impecable, sigue estos consejos de cuidado:&lt;\/p&gt;\n&lt;p&gt;- Limpia con un pa\u00f1o semi h\u00famedo y realiza movimientos circulares para eliminar la suciedad.&lt;\/p&gt;\n&lt;p&gt;- Deja que se sequen durante unos minutos.&lt;\/p&gt;\n&lt;p&gt;- Aplica un poco de crema con un cepillo untador para mantener la piel.&lt;\/p&gt;\n&lt;p&gt;- Finaliza d\u00e1ndoles brillo con un cepillo transparente.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Aumento de altura:&lt;\/strong&gt;\u00a0+7 cm&lt;\/p&gt;\n&lt;p&gt;&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                        134 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=61&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/2751.jpg\" alt=\"Birmingham negro\">\n                                        <div class=\"product-info\">\n                        <h2>Birmingham negro<\/h2>\n                        <p class=\"product-description\">&lt;h2 class=&quot;prod-name&quot;&gt;Zapatos con cordones Birmingham negro&lt;\/h2&gt;\n&lt;p&gt;&lt;strong&gt;Descripci\u00f3n:&lt;\/strong&gt; Los zapatos con cordones Birmingham en color negro son una expresi\u00f3n de elegancia y comodidad. Dise\u00f1ados en Italia, estos zapatos presentan un estilo cl\u00e1sico con un toque contempor\u00e1neo. El exterior est\u00e1 confeccionado en piel de ternera tafilete de primera calidad, lo que les otorga durabilidad y un aspecto sofisticado. Su interior est\u00e1 completamente forrado con una fina piel, proporcionando una sensaci\u00f3n de lujo en cada paso. Estos blucher con alzas no solo destacan por su dise\u00f1o, sino tambi\u00e9n por su funcionalidad al ofrecer un aumento de la estatura.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Caracter\u00edsticas:&lt;\/strong&gt; Los zapatos Birmingham se caracterizan por su combinaci\u00f3n perfecta de estilo y comodidad. La suela de este calzado est\u00e1 fabricada con atenci\u00f3n al detalle, utilizando materiales de alta calidad que proporcionan un equilibrio entre amortiguaci\u00f3n y soporte. La suela de\u00a0cuero de alta calidad\u00a0ofrece una excelente tracci\u00f3n y durabilidad, asegurando que cada paso sea firme y seguro. El dise\u00f1o de blucher con alzas no solo a\u00f1ade altura de manera discreta, sino que tambi\u00e9n proporciona una postura m\u00e1s erguida. Zapatos de boda y zapatos para novios.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Cuidado y Mantenimiento:&lt;\/strong&gt; Para mantener tus zapatos Birmingham en \u00f3ptimas condiciones, es importante seguir algunos consejos de cuidado. Limpia regularmente el exterior con un pa\u00f1o semi h\u00famedo, realizando movimientos circulares para eliminar el polvo y la suciedad. Despu\u00e9s, deja que se sequen durante unos minutos y aplica una capa ligera de crema para calzado de calidad con un cepillo untador. Esto no solo nutrir\u00e1 la piel, sino que tambi\u00e9n ayudar\u00e1 a mantener su aspecto elegante. Finalmente, dale un toque de brillo utilizando un cepillo transparente para resaltar el lustre natural de los zapatos.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Aumento de altura:&lt;\/strong&gt; + 7cm de altura&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                        167 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=62&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/2216.jpg\" alt=\"Blucher marr\u00f3n\">\n                                        <div class=\"product-info\">\n                        <h2>Blucher marr\u00f3n<\/h2>\n                        <p class=\"product-description\">&lt;p&gt;Blucher.\u00a0&lt;b style=&quot;color:#333333;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#f9f9f9;&quot;&gt;Zapatos con alzas&lt;\/b&gt;. Blucher es un zapato de vestir de dise\u00f1o italiano fabricado en piel de ternera tafilete con el interior forrado en fina piel. Suela de cuero con tac\u00f3n ultra reforzado. Es la elecci\u00f3n perfecta si buscas llevar un estilo arreglado y c\u00f3modo al mismo tiempo. Para su cuidado debemos aplicar crema y frotar para dar brillo. Podemos usar una esponja abrillantadora.&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                        147 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=63&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/2221.jpg\" alt=\"Blucher negro\">\n                                        <div class=\"product-info\">\n                        <h2>Blucher negro<\/h2>\n                        <p class=\"product-description\">&lt;p&gt;Blucher.\u00a0&lt;b style=&quot;color:#333333;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#f9f9f9;&quot;&gt;Zapatos con alzas&lt;\/b&gt;. Blucher es un zapato de vestir de dise\u00f1o italiano fabricado en piel de ternera tafilete con el interior forrado en fina piel. Suela de cuero con tac\u00f3n ultra reforzado. Es la elecci\u00f3n perfecta si buscas llevar un estilo arreglado y c\u00f3modo al mismo tiempo. Para su cuidado debemos aplicar crema y frotar para dar brillo. Podemos usar una esponja abrillantadora.&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                        147 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.masaltos.com\/\/index.php?controller=product&amp;id_product=65&amp;id_lang=1\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/masaltos.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/3205.jpg\" alt=\"Bonn marr\u00f3n\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2>Bonn marr\u00f3n<\/h2>\n                        <p class=\"product-description\">&lt;h2 class=&quot;prod-name&quot;&gt;Zapatos Goodyear-welt con Cordones Bonn Marr\u00f3n&lt;\/h2&gt;\n&lt;p&gt;&lt;strong&gt;Descripci\u00f3n:&lt;\/strong&gt; Los Zapatos Goodyear-welt con Cordones Bonn Marr\u00f3n son una opci\u00f3n elegante y vers\u00e1til para cualquier ocasi\u00f3n. Su dise\u00f1o cl\u00e1sico y terminaci\u00f3n sobria los convierten en un complemento perfecto para pantalones formales o vaqueros de estilo casual. Est\u00e1n dise\u00f1ados para brindar comodidad y estilo, adem\u00e1s de aumentar la altura en 7 cent\u00edmetros.&lt;\/p&gt;\n&lt;p&gt;&lt;strong&gt;Caracter\u00edsticas:&lt;\/strong&gt;&lt;\/p&gt;\n&lt;ul&gt;\n&lt;li&gt;Exterior de piel box-calf de alta calidad, que proporciona durabilidad y un aspecto sofisticado.&lt;\/li&gt;\n&lt;li&gt;Interior totalmente forrado en fina piel, garantizando confort y transpiraci\u00f3n para los pies.&lt;\/li&gt;\n&lt;li&gt;Construcci\u00f3n Goodyear Welted, que asegura una larga vida \u00fatil y facilita futuras reparaciones.&lt;\/li&gt;\n&lt;li&gt;Altura elevada de 7 cent\u00edmetros gracias a su sistema interior de elevaci\u00f3n.&lt;\/li&gt;\n&lt;li&gt;Terminaci\u00f3n sobria y elegante que permite combinar los zapatos con distintos tipos de atuendos.&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;p&gt;&lt;strong&gt;Cuidado y Mantenimiento:&lt;\/strong&gt; Para mantener tus Zapatos Goodyear-welt con Cordones Bonn Marr\u00f3n en \u00f3ptimas condiciones, sigue estos pasos:&lt;\/p&gt;\n&lt;ol&gt;\n&lt;li&gt;Utiliza un cepillo untador para aplicar crema adecuada para piel a tus zapatos. Esto mantendr\u00e1 el cuero nutrido y protegido.&lt;\/li&gt;\n&lt;li&gt;Cepilla los zapatos con un cepillo transparente para dar brillo y pulir el cuero.&lt;\/li&gt;\n&lt;li&gt;Gu\u00e1rdalos en un lugar fresco y seco, lejos de la luz solar directa y la humedad.&lt;\/li&gt;\n&lt;li&gt;Utiliza hormas para mantener la forma de los zapatos cuando no los est\u00e9s usando.&lt;\/li&gt;\n&lt;li&gt;Evita el contacto con l\u00edquidos y productos qu\u00edmicos que puedan da\u00f1ar el cuero.&lt;\/li&gt;\n&lt;\/ol&gt;\n&lt;p&gt;&lt;strong&gt;Aumento de altura:&lt;\/strong&gt; + 7cm de altura&lt;\/p&gt;<\/p>\n                        <p class=\"product-price\">\n                                                            <del>249 \u20ac<\/del>\n                                                        224.1 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"_joinchat":[],"footnotes":""},"categories":[2],"tags":[],"class_list":["post-5101","post","type-post","status-publish","format-standard","hentry","category-uncategorized","masonry-post","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/posts\/5101"}],"collection":[{"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/comments?post=5101"}],"version-history":[{"count":3,"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/posts\/5101\/revisions"}],"predecessor-version":[{"id":5117,"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/posts\/5101\/revisions\/5117"}],"wp:attachment":[{"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/media?parent=5101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/categories?post=5101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/masaltos.com\/blog\/en\/wp-json\/wp\/v2\/tags?post=5101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}