Dodano nowe dane kontaktowe i poprawiono etykiety w formularzu konfiguratora

konfigurator-mail.php

@@ -48,6 +48,7 @@ $message .= '<p>' . $configData['step_3'] . '</p>';
 
 $message .= '<p>Dane kontaktowe</p>';
 $message .= '<ul>';
+$message .= '<li>Miejsce montażu: ' . $configData['step_4']['miejsce_montazu'] . '</li>';
 $message .= '<li>Imię: ' . $configData['step_4']['name'] . '</li>';
 $message .= '<li>E-mail: ' . $configData['step_4']['email'] . '</li>';
 $message .= '<li>Telefon: ' . $configData['step_4']['phone'] . '</li>';

wp-content/themes/ostal_WP/page-2101.php

@@ -79,16 +79,16 @@
                         <img :src="acfData.acf.step_2.image" alt="">
                         <ul class="calc-texts" v-if="isLoaded">
                           <li>
-                            <p>{{ acfData.acf.step_2.length }} (od 2m do 7m): <span>{{ configData.step_2.length / 1000 }}m</span></p>
-                            <input v-model="configData.step_2.length" type="range" name="length" id="length" min="2000" max="7000" step="500">
-                          </li>
-                          <li>
-                            <p>{{ acfData.acf.step_2.width }} (od 2m do 7m): <span>{{ configData.step_2.width / 1000 }}m</span></p>
+                            <p>{{ acfData.acf.step_2.width }} ( od 2m do 7m ):<br><span>{{ configData.step_2.width / 1000 }}m</span></p>
                             <input v-model="configData.step_2.width" ref="rangeWidth" type="range" name="width" id="width" min="2000" max="7000" step="500">
                           </li>
                           <li>
-                            <p>{{ acfData.acf.step_2.height }} (od 2.5m do 3m): <span>{{ configData.step_2.height / 1000 }}m</span></p>
-                            <input v-model="configData.step_2.height" ref="rangeHeight" type="range" name="height" id="height" min="2500" max="3000" step="500">
+                            <p>{{ acfData.acf.step_2.length }} ( od 2m do 7m ):<br><span>{{ configData.step_2.length / 1000 }}m</span></p>
+                            <input v-model="configData.step_2.length" type="range" name="length" id="length" min="2000" max="7000" step="500">
+                          </li>
+                          <li>
+                            <p>{{ acfData.acf.step_2.height }} ( do 2,8m lub do 3,5m ):<br><span>{{ configData.step_2.height / 1000 }}m</span></p>
+                            <input v-model="configData.step_2.height" ref="rangeHeight" type="range" name="height" id="height" min="2800" max="3500" step="100">
                           </li>
                         </ul>
                       </div>
@@ -184,6 +184,10 @@
                         <h2>Krok 4</h2>
                       </div>
                       <ul class="calc-texts" v-if="isLoaded">
+                        <li>
+                          <p>{{acfData.acf.step_4.miejsce_montazu}}</p>
+                          <input v-model="configData.step_4.miejsce_montazu" type="text" name="miejsce_montazu" id="calc_miejsce_montazu" class="input" require>
+                        </li>
                         <li>
                           <p>{{acfData.acf.step_4.name}}</p>
                           <input v-model="configData.step_4.name" type="text" name="name" id="calc_name" class="input" require>
@@ -313,7 +317,7 @@
       }
 
       console.log(this.acfData);
-      
+
     },
     methods: {
       setStep_1(value, index) {
@@ -328,9 +332,9 @@
         if (this.selected_option_1 === 0) { // Zakładając, że pierwsza opcja w kroku 1 zmienia obraz na 'obrazek1.webp'
           this.acfData.acf.step_2.image = '/wp-content/uploads/2024/02/konfigurator-ogrod-zimowy.png';
         } else if (this.selected_option_1 === 1) { // Druga opcja zmienia obraz na 'obrazek2.webp'
-          this.acfData.acf.step_2.image = '/wp-content/uploads/2023/10/domek-4-2.webp';
+          this.acfData.acf.step_2.image = '/wp-content/uploads/2024/02/konfigurator-ogrod-letni.png';
         } else if (this.selected_option_1 === 2) { // Druga opcja zmienia obraz na 'obrazek2.webp'
-          this.acfData.acf.step_2.image = '/wp-content/uploads/2024/02/konfigurator-dach.png';
+          this.acfData.acf.step_2.image = '/wp-content/uploads/2024/02/konfigurator-ogrod-dach-jednospadowy.png';
         }
         // I tak dalej dla innych opcji...
       },