{"id":3869,"date":"2026-04-30T17:13:48","date_gmt":"2026-04-30T17:13:48","guid":{"rendered":"https:\/\/vlaikon.com\/configurator\/"},"modified":"2026-06-02T07:54:25","modified_gmt":"2026-06-02T07:54:25","slug":"configurator","status":"publish","type":"page","link":"https:\/\/vlaikon.com\/ro\/configurator\/","title":{"rendered":"Configurator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3869\" class=\"elementor elementor-3869 elementor-1990\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e773990 e-con-full e-flex e-con e-parent\" data-id=\"e773990\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-669e23d elementor-widget elementor-widget-html\" data-id=\"669e23d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-config\">\r\n\r\n  <div class=\"left\">\r\n    <h1>Pizza<\/h1>\r\n    <p class=\"desc\">\r\n  O remorc\u0103 compact\u0103, complet echipat\u0103, construit\u0103 pentru operatorii care doresc randament maxim \u00eentr-un spa\u021biu minim.\r\n    <\/p>\r\n\r\n    <div class=\"form\">\r\n      <div class=\"field\">\r\n        <label>Dimensiune<\/label>\r\n        <select id=\"size\">\r\n          <option value=\"0\">3m<\/option>\r\n          <option value=\"1\">4m<\/option>\r\n        <\/select> \r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label>Tip combustibil<\/label>\r\n        <select id=\"fuel\">\r\n          <option value=\"0\">Electric<\/option>\r\n          <option value=\"1\">Gaz<\/option>\r\n        <\/select> \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"price-box\">\r\n      <span class=\"old-price\">\u20ac5.000<\/span>\r\n      <span class=\"price\">\u20ac0<\/span>\r\n    <\/div>\r\n\r\n    <button class=\"buy-btn\">Cump\u0103ra\u021bi acum<\/button>\r\n\r\n    <p class=\"small\">\r\n  Pl\u0103\u021bi multiple disponibile.<br>  Finan\u021bare disponibil\u0103 \u00een 3\/6\/12 luni.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"right\">\r\n    [wpc_vogue_skin id=\"2063\"]\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \r\n    .custom-config {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: linear-gradient(135deg, #0f172a, #1e293b);\r\n    padding: 60px;\r\n    border-radius: 10px;\r\n}\r\n\r\n\/* LEFT *\/\r\n.custom-config .left {\r\n    width: 40%;\r\n    color: white;\r\n}\r\n\r\n.custom-config h1 {\r\n    font-size: 42px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.desc {\r\n    color: #9ca3af;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\/* FORM *\/\r\n.form {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.field {\r\n    flex: 1;\r\n}\r\n\r\n.field label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-size: 14px;\r\n    color: #9ca3af;\r\n}\r\n\r\n.field select {\r\n    width: 100%;\r\n    padding: 10px;\r\n    background: #1f2937;\r\n    border: 1px solid #374151;\r\n    color: white;\r\n    border-radius: 6px;\r\n}\r\n\r\n\/* PRICE *\/\r\n.price-box {\r\n    margin: 20px 0;\r\n}\r\n\r\n.old-price {\r\n    color: #6b7280;\r\n    text-decoration: line-through;\r\n    margin-right: 10px;\r\n}\r\n\r\n.price {\r\n    font-size: 28px;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.buy-btn {\r\n    width: 100%;\r\n    padding: 15px;\r\n    background: #3b82f6;\r\n    border: none;\r\n    color: white;\r\n    border-radius: 6px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n}\r\n\r\n.buy-btn:hover {\r\n    background: #2563eb;\r\n}\r\n\r\n\/* RIGHT *\/\r\n.custom-config .right {\r\n    width: 55%;\r\n    text-align: right;\r\n}\r\n\r\n\/* ASCUNDE UI DEFAULT *\/\r\n.custom-config .wpc-sidebar,\r\n.custom-config .wpc-options,\r\n.custom-config .wpc-title {\r\n    display: none !important;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.custom-config .wpc-main-image img {\r\n    max-width: 650px;\r\n}\r\n\r\n\/* TEXT MIC *\/\r\n.small {\r\n    margin-top: 15px;\r\n    font-size: 12px;\r\n    color: #9ca3af;\r\n}\r\n    \r\n<\/style>\r\n\r\n<script>\r\n    \r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const size = document.getElementById(\"size\");\r\n    const fuel = document.getElementById(\"fuel\");\r\n\r\n    function updateConfig() {\r\n        let index = size.value;\r\n\r\n        let options = document.querySelectorAll('.wpc-option');\r\n\r\n        if(options[index]){\r\n            options[index].click();\r\n        }\r\n    }\r\n\r\n    if(size){\r\n        size.addEventListener(\"change\", updateConfig);\r\n    }\r\n\r\n    if(fuel){\r\n        fuel.addEventListener(\"change\", updateConfig);\r\n    }\r\n\r\n});\r\n\r\nsetInterval(() => {\r\n    let price = document.querySelector('.wpc-total-price');\r\n\r\n    if(price){\r\n        document.querySelector('.price').innerText = price.innerText;\r\n    }\r\n}, 500);\r\n    \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pizza O remorc\u0103 compact\u0103, complet echipat\u0103, construit\u0103 pentru operatorii care doresc randament maxim \u00eentr-un spa\u021biu minim. Dimensiune 3m4m Tip combustibil ElectricGaz \u20ac5.000 \u20ac0 Cump\u0103ra\u021bi acum Pl\u0103\u021bi multiple disponibile. Finan\u021bare disponibil\u0103 \u00een 3\/6\/12 luni. [wpc_vogue_skin id=&#8221;2063&#8243;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3869","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/pages\/3869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/comments?post=3869"}],"version-history":[{"count":2,"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/pages\/3869\/revisions"}],"predecessor-version":[{"id":3871,"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/pages\/3869\/revisions\/3871"}],"wp:attachment":[{"href":"https:\/\/vlaikon.com\/ro\/wp-json\/wp\/v2\/media?parent=3869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}